![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Wang_kaiya
不要为小事遮住视线,因为我们还有更大的世界
展开
-
微信小程序嵌套循环+实现商品规格的选择
1.index.wxml//properties是从接口获取到的<!--数据--><view class="selectsize_content"><block wx:for="{{properties}}" wx:key="item" wx:for-index="id"> <view class="content_title">{{item.name}}</view> <view class='content_list'>原创 2020-10-28 19:56:41 · 1389 阅读 · 0 评论 -
微信小程序的路由跳转
wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面goShop(){ wx.switchTab({ url: '/pages/index/index', //url是需要跳转的tabBar 页面的路径路径后不能带参数。 }wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面 goShop() { wx.reLaunch({ url: "..."原创 2020-10-24 11:26:38 · 173 阅读 · 0 评论 -
微信小程序之公共组件
首先我们要创建一个公共组件然后在login.json文件中将component定义为true{ "component": true, "usingComponents": {}}在login.wxml添加内容<!-- 登录 --><van-popup show="{{ show }}" position="top" custom-style="height: 60%;" close-on-click-overlay="{{true}}">原创 2020-10-22 21:42:28 · 770 阅读 · 0 评论 -
微信小程序封装数据请求
目录结构在根目录下创建request目录及api.js,fetch.js和http.js文件在fetch.js中用promise对wx.request()进行封装。//封装module.exports = (url, path, method, params) => { return new Promise((resolve, reject) => { wx.request({ url: `${url}${path}`, method: method原创 2020-10-22 21:09:16 · 255 阅读 · 0 评论 -
微信小程序App与页面Page的生命周期
1.App的生命周期App(Object object)注册小程序。接受一个 Object 参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。注意:当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。关闭小程序(基础库版本1.1.0开始支持): 当用户从扫原创 2020-10-21 20:16:39 · 418 阅读 · 0 评论 -
微信小程序点击数据列表,进入列表详情页面的思路
1.在index.wxml通过 bindtap去绑定一个事件。 对于详情页的传输数据,点击事件可以通过 data- 去实现,后面相当于是键值对,data-id="{{item.id}}",意思是把列表的id传过去。<view class="goods"> <view wx:for="{{listTwo}}" wx:key="{{index}}" class="goods-list" bindtap="toDetail" data-id="{{item.id}}">原创 2020-10-21 19:54:06 · 3627 阅读 · 0 评论 -
微信小程序解决rich-text 富文本渲染图片尺寸
在index.wxml<view class="jie"> <view class="jie-title">商品介绍</view> <rich-text nodes="{{content}}"></rich-text></view>index.js data:{ detailSwiper:[], //详情轮播图 basicInfo:[], // 轮播图下面的介绍 content:[],原创 2020-10-21 15:47:10 · 841 阅读 · 3 评论