zoukankan      html  css  js  c++  java
  • 小程序template

    首先写模板,然后调用模板

    moban.wxml

    <template name="wode">
    <view wx:for="{{wd}}">
    <image src='{{item.src}}' mode='aspectFill'></image>
    <text>{{item.text}}</text>
    </view>
    </template>
     
    moban.wxss
    text {
    color: red;
    text-align: center;
    display: block;
    }

    image {
    100rpx;
    height: 100rpx;
    display: block;
    margin: 0 auto;
    }

    调用

    <!--pages/demo/demo.wxml-->
    <import src="../moban/moban" />
    <view>
    <template is="wode" data="{{...item}}" />
    </view>
    /* pages/demo/demo.wxss */
    @import "../moban/moban.wxss";
    // pages/demo/demo.js
    Page({

    /**
    * 页面的初始数据
    */
    data: {
    item: {
    wd: [{
    src: 'http://pic.pptbz.com/201506/2015070581208537.JPG',
    text: '你好'
    },
    {
    src: 'http://pic.pptbz.com/201506/2015070581208537.JPG',
    text: '是的'
    },
    {
    src: 'http://pic.pptbz.com/201506/2015070581208537.JPG',
    text: '也是'
    },
    {
    src: 'http://pic.pptbz.com/201506/2015070581208537.JPG',
    text: '我的'
    },
    ]

    }
    },

    /**
    * 生命周期函数--监听页面加载
    */
    onLoad: function(options) {

    },

    /**
    * 生命周期函数--监听页面初次渲染完成
    */
    onReady: function() {

    },

    /**
    * 生命周期函数--监听页面显示
    */
    onShow: function() {

    },

    /**
    * 生命周期函数--监听页面隐藏
    */
    onHide: function() {

    },

    /**
    * 生命周期函数--监听页面卸载
    */
    onUnload: function() {

    },

    /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
    onPullDownRefresh: function() {

    },

    /**
    * 页面上拉触底事件的处理函数
    */
    onReachBottom: function() {

    },

    /**
    * 用户点击右上角分享
    */
    onShareAppMessage: function() {

    },

    })
  • 相关阅读:
    windows利用net use删除smb连接
    用jquery的ajax功能获取网站alexa的方法
    11对于Web开发人员和设计师非常有用的在线工具
    Php获取Alexa排行统计
    php获取alexa世界排名值的函数
    26个免费矢量图片免费下载
    对makefile中双冒号规则的学习
    对makefile中 $*的理解
    GNU make manual 翻译(七十三)
    对makefile 中的 静态模式规则的理解
  • 原文地址:https://www.cnblogs.com/ylblogs/p/9708455.html
Copyright © 2011-2022 走看看