摘要： 利用slider滑动条 组件控制颜色的变化。 <!--index.wxml--> <view class='box'> <view class='title'>滑动条和颜色</view> <text>红色滑动条</text> <slider data-color="r" value='{{r}}' 阅读全文

摘要： 利用radio组 件改变字体类型，利用checkbox组件改 变字体加粗、倾斜和下划线等样式 <!--index.wxml--> <view class='box'> <view class='title'>修改字体样式和大小</view> <text style='font-weight:{{my 阅读全文

摘要： 根据三角形的三条边长求三角形面积 a、b、c为三角形的三条边长，s=(a+b+c)/2。 <!--pages/index/index.wxml--> <view class="box"> <view class='title'>三角形面积计算器</view> <form bindsubmit="fo 阅读全文

摘要： form组件&&获取form组件中各组件value值的方法 <!--pages/index/index.wxml--> <view class='box'> <view class='title'>货币兑换</view> <form bindsubmit='calc' bindreset='rese 阅读全文

摘要： 利用include引用 文件的方法 <!--pages/index/index.wxml--> <include src='header.wxml'/> <view style='margin:20px;text-align:justify'>承德避暑山庄又名“承德离宫”或“热河行宫”，是世界文化遗 阅读全文

摘要： 模板的定义及引用 <!--template.wxml--> <template name='student'> <view>name:{{name}}</view> <view>age:{{age}}</view> <view>gender:{{gender}}</view> </template> 阅读全文

摘要： 双重wx:for列表渲染的应用 && inline-block样式的应用 案例描述 ：编写一个小程序，综合运用wx:if条件渲染和 wx:for列表渲染在视图层打印一个九九乘法表。 <!--index.wxml--> <view class='con'> <view wx:for="{{[1,2,3 阅读全文

摘要： 利用wx:for对数组、对象和字符串进行列表渲染&&利用wx:for-index和wx:for-item修改数组默认下标index和默认数组元素item&&在block标签中使用wx:for对多节点结构块进行列表渲染 <!--index.wxml--> <view style='margin:20p 阅读全文

摘要： 综合运用input组件和多级条件渲染wx:if实现成绩等级的判断 <!--index.wxml--> <view class='box'> <view class='title'>成绩等级计算器</view> <view>请输入你的考试成绩</view> <input bindblur='score 阅读全文

摘要： 使用 wx:if=“{{condition}}” 来判断是否需要渲染代码块 使用<block/>将多个组件包装起来，并在上边使用 wx:if 控制属性 <!--pages/index/index.wxml--> <view style='margin:20px;text-align:center;' 阅读全文