![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
依旧平凡
这个作者很懒,什么都没留下…
展开
-
如何在微信小程序里 打开和查看WeUI库
百度经验地址: https://jingyan.baidu.com/article/3d69c55122db57f0cf02d732.htmlWeUIi在微信小程序中的演示WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article...转载 2018-08-15 14:47:25 · 1137 阅读 · 0 评论 -
用微信开发者工具--打开微信小程序weui组件示例
浏览器搜索 :https://github.com/Tencent/weui-wxss/1.下载为小程序设计的weui组件,2.在开发者工具中打开dist目录,而不是整个目录, 在开发者工具中就可以预览weui组件的示例了。 如果想在自己项目中引用weui组件,需要如下步骤:1. 打开weui-wxss-master目录 --> dist目录 --> style目录...原创 2018-10-10 13:44:25 · 8476 阅读 · 1 评论 -
微信小程序 某个页面直接返回首页(微信小程序回退到首页)
打开小程序后,到三级页面后点击左上角的返回按钮,能够直接返回到首页 正常 A -> B -> C 都是通过 wx.navigateTo 跳转的,所以 wx.navigateBack 只能返回上一界面,如果要返回到A 界面就会出现 C -> B -> A 的效果。如果想实现 A -> B -> C 当 C 点击返回时, 实现直接 C -> A 这...转载 2018-10-09 16:50:25 · 49860 阅读 · 4 评论 -
5个最优秀的微信小程序UI组件库
WeUI WXSS : GitHub地址:https://github.com/Tencent/weui-wxssiView WeApp: GitHub地址:https://github.com/TalkingData/iview-weappZanUI WeApp: GitHub地址:https://github.com/youzan/zanui-weapp (逐步升级维护,迁移为 ...原创 2018-09-29 09:44:29 · 2893 阅读 · 0 评论 -
微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用
wx:for主要用于循环输出数组,对象等; const cityList= [ { "id": "35", "provincecode": "150000", "city": "广州", "code": "152900", "initial": "A" },{ "id":转载 2018-09-27 14:57:25 · 918 阅读 · 0 评论 -
微信小程序UI组件 开发框架 实用库 经典demo
UI组件weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供的showToast功能...转载 2018-10-11 15:52:32 · 391 阅读 · 0 评论 -
微信小程序之小程序UI组件、开发框架、实用库学习资源汇总-建议收藏
weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 地址:https://github.com/weui/weui-wxss Wa-UI ★122 - 针对微信小程序整合的一套UI库 地址:https://github.com/liujians/Wa-UI wx-charts ★105 - 微信小程序图表工具 地址:https:...转载 2018-10-11 15:43:10 · 381 阅读 · 0 评论 -
weUI框架在github下载地址
1.公众号样式UI库的下载地址: https://github.com/Tencent/weui2.微信小程序UI库的下载地址:https://github.com/Tencent/weui-wxss/3.微信小程序的官方实例Demo: https://github.com/wechat-miniprogram/miniprogram-demo4.下载小程序官方示例:(同第3项效果一样...原创 2018-09-25 13:54:18 · 6251 阅读 · 0 评论 -
微信小程序入门教程---列表渲染多层嵌套循环及wx:key的使用(双层for循环)
前言入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。<view wx:for="{{items}}"> {{index}}: {{item.message}}</view>还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列表渲染。<view...转载 2018-09-05 13:07:21 · 11654 阅读 · 4 评论 -
微信小程序的开发------搜索功能
wxml<view class="weui-search-bar"> <view class="weui-search-bar__form"> <view class="weui-search-bar__box"> <icon class="weui-icon-search_in-box&qu转载 2018-08-30 14:36:32 · 1586 阅读 · 0 评论 -
微信小程序使用video组件时的一些坑
版权声明: https://blog.csdn.net/yangshuolll/article/details/79968630(1)mp4视频用video组件播放会卡顿、绿屏,尤其是在快进、拖动时间条时.在video组件上,试试加个custom-cache=”{{false}}”属性,可以完美解决卡顿、绿屏的现象(2)mp4的转码格式有很多种,video组件仅对mp4的H264这种视频编...转载 2018-09-04 13:27:17 · 5362 阅读 · 0 评论 -
微信小程序添加视频video组件
小程序视频组件video标签 wxml<View>1.播放网络视频</View><view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280...转载 2018-09-04 13:25:08 · 9137 阅读 · 4 评论 -
微信小程序的页面跳转和参数传递 —— 微信小程序教程系列(6)
关于页面的跳转,微信小程序提供了3种方法: 方法一:使用API wx.navigateTo()函数 示例:首先先新建一个test页面如何新建页面?请到先阅读下面教程微信小程序的新建页面 —— 微信小程序教程系列(4) index.wxml:在index.wxml新建一个button组件,并使用bindtap事件绑定一个函数 i...转载 2018-08-22 14:26:35 · 436 阅读 · 0 评论 -
如何创建一个微信小程序
一、小程序结构目录的创建:1、首先打开 微信公众平台 | 小程序的官方文档:https://mp.weixin.qq.com2、按照官方文档的小程序发布流程,完善信息,申请到自己的 小程序开发 ID 地址:https://mp.weixin.qq.com/wxopen/waregister?action=step13、申请完ID之后,下载 微信开发者工具, ...转载 2018-08-13 11:55:13 · 3560 阅读 · 0 评论 -
用微信开发者工具--打开小程序组件vant Weapp示例
浏览器搜索:https://github.com/youzan/vant-weapp1.下载Vant Weapp组件,2.打开微信开发者工具,把vant-weapp/example目录添加进去,3.把dist目录复制到example目录下,在开发者工具打开example目录就可以预览示例了。附:Vant Weapp官方文档的地址:https://youzan.github.io/v...原创 2018-10-10 13:54:15 · 8740 阅读 · 3 评论