![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 66
Carlos_0
这个作者很懒,什么都没留下…
展开
-
微信小程序-自定义tabbar
//app.json "tabBar":{ "custom":true, "list":[...]//保留list,保证版本兼容 }创建custom-tab-bar<!--custom-tab-bar/index.wxml--><van-tabbar active="{{ active }}" bind:change="onChange"> <van-tabbar-item wx:for="{{list}}" wx:key="index"原创 2022-02-06 22:56:33 · 786 阅读 · 0 评论 -
微信小程序(4)进阶
Vant Weapp 是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用。https://youzan.github.io/vant-weapp/原创 2022-02-06 19:54:35 · 385 阅读 · 0 评论 -
微信小程序(3)自定义组件
1.自定义组件1.1组件的创建与引用在components下新建文件夹,再新建component,会自动生成相应的四个文件局部引用组件在页面.json的配置文件中引用组件。{ "usingComponents": { "my-test":"/components/test/test" }}<my-test></my-test>全局引用组件在app.json中配置引用组件用法同上1.2自定义组件的样式1.组件样式隔离的注意点默认app.wx原创 2022-02-05 02:10:08 · 2259 阅读 · 0 评论 -
微信小程序-自定义组件之父子组件通信
父组件:<my-test1 count="{{count}}" bind:sync="syncCount" class="customA"></my-test1><view>父组件中,count值是{{count}}</view><button bindtap="getChild">获取子组件实例对象</button>Page({ data: { count:0 }, syncCount(e){ t原创 2022-02-04 23:34:55 · 490 阅读 · 0 评论 -
微信小程序-自定义组件之数据监听器
点击R G B改变view颜色<!--components/test/test.wxml--><view style="background-color:rgb({{fullColor}});" class="colorBox">颜色值:{{fullColor}}</view><button size="mini" type="default" bindtap="changeR">R</button><button size="mi.原创 2022-02-03 19:58:16 · 991 阅读 · 0 评论 -
微信小程序(2)页面导航
1.页面导航1.1导航跳转一、声明式导航1).导航到tabBar页面在使用 <navigator> 组件跳转到指定的 tabBar 页面时,需要指定 url 属性和 open-type 属性,其中:url 表示要跳转的页面的地址,必须以/开头open-type 表示跳转的方式,必须为 switchTab<navigator url="/pages/message/message" open-type="switchTab">导航到message</navigato原创 2022-02-01 23:43:45 · 671 阅读 · 0 评论 -
微信小程序(1)基础
1.1注册小程序账号https://mp.weixin.qq.com/1.2下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html2.1新建页面在app.json中添加页面,保存后会自动添加页面"pages": [ "pages/list/list", "pages/index/index", "pages/logs/logs" ],2.2view组件的基本使用:原创 2022-01-28 01:35:46 · 977 阅读 · 0 评论