![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发
文章平均质量分 61
我是大魔王2
不要在该奋斗的年纪 选择安逸-
展开
-
微信小程序开发实现图片滚动效果
微信小程序开发实现图片滚动效果效果:左右滑动可以切换展示图片代码:<!--pages/test/test.wxml--><!-- 组件 --><swiper> <swiper-item wx:for="{{imgUrls}}"> <image src='{{item}}' width="335" height原创 2018-02-13 20:16:20 · 10699 阅读 · 1 评论 -
微信小程序开发之实现个滚动的效果的两种方法
微信小程序开发之实现个滚动的效果的两种方法01 overflow: scroll代码示例:<!--pages/test/test.wxml--><!-- 组件 --><view class='flex-test'> <view class='a'>a</view> <view class='b'&...原创 2018-02-10 15:12:10 · 11545 阅读 · 1 评论 -
微信小程序flex弹性布局
微信小程序flex弹性布局Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。示例代码:view class='flex-test'> view class='a'>aview> view class='b'>bview> view class='c'>cview>view原创 2018-02-05 11:17:43 · 598 阅读 · 0 评论 -
微信小程序for实现九九乘法表
微信小程序for实现九九乘法表01 简单的for循环代码:view wx:for="{{arr}}">下标是:{{index}}当前项是:{{item}}view>data: { arr:[1,2,3,4,5] },运行结果: 02 九九乘法表代码:view class='con'> view wx:for="{{[1,2,3原创 2018-01-20 14:47:38 · 10018 阅读 · 1 评论 -
微信小程序中数据绑定的3个小应用
微信小程序中数据绑定的3个小应用01 简单绑定WXML 中的动态数据均来自对应 Page 的 data。 数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于: 内容:view> {{ message }} view>Page({ data: { message: 'Hello World!' }})组件属性(需要在双引号之原创 2018-01-19 11:29:48 · 1427 阅读 · 0 评论 -
微信小程序条件渲染
微信小程序条件渲染01简单的条件渲染代码:// pages/test/test.jsPage({ data: { id:1, bol:true }, //事件处理函数 bindtoLog:function(){ wx.switchTab({ url: '../logs/logs', }) }, bindtoI原创 2018-01-18 20:55:07 · 3923 阅读 · 1 评论 -
微信小程序开发之wxss学习中的六个问题
微信小程序开发之wxss学习中的六个问题01 wxss WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比原创 2018-01-26 14:01:25 · 3210 阅读 · 0 评论 -
微信小程序wxml中的应用
微信小程序wxml中的应用WXML 提供两种文件引用方式import和include。01 importimport可以在该文件中使用目标文件定义的template,如:在 item.wxml 中定义了一个叫item的template: 代码:template name="item"> view>用户名:{{name}}view>template>im原创 2018-01-25 22:12:01 · 836 阅读 · 0 评论 -
微信小程序页面跳转无效果
微信小程序页面跳转无效果通过为按钮添加时间处理来实现页面跳转。代码如下:text>这是测试页text>button bindtap='bindToLogs'>跳转到日志button>button bindtap='bindToIndex'>返回首页button>// pages/test/test.jsPage({ data: { }, //事件处理函数转载 2018-01-17 18:47:14 · 4901 阅读 · 0 评论 -
微信小程序之tabBar学习
微信小程序之tabBar学习01在哪里添加tabBat代码示例:代码应该写在app.json里 app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的 app.json :{ "pages":[ "pages/index/index", "pages/text原创 2018-01-16 21:44:19 · 1737 阅读 · 0 评论 -
微信小程序3个关于字体和图片的小问题
微信小程序3个关于字体和图片的小问题01字体自适应居中代码:view>text>\n\n欢迎来到微信小程序text>view>view{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size:原创 2018-01-15 13:07:42 · 11864 阅读 · 0 评论 -
微信小程序基础内容的三个组件
微信小程序基础内容的四个组件01 icon组件icon:图标。 有三个属性:type,size,color。type属性的有效值为:success, success_no_circle, info, warn, waiting, cancel, download, search, clear。size是icon的大小,默认值为23,单位为px。-color为icon的颜色...原创 2018-02-14 16:45:55 · 715 阅读 · 0 评论