奔跑的狮子

【代码】微信小程序——RichText富文本图片格式化。

//点击轮播图放大预览 handlePreviewImage(e){ // 1 先构造预览的图片数组 const urls=this.GoodsInfo.pics.map((v,i)=>v.pics_mid); // 2 接收传递过来的图片url const current = e.currentTarget.dataset.url; wx.previewImage({ current, urls, }) },...

//添加缓存，key为'cart'，value是'cart'wx.setStorageSync('cart', cart);//....//取出缓存cartlet cart = wx.getStorageSync('cart')||[];setStorageSyncgetStorageSync

//页面上划 滚动条触底事件 onReachBottom() { //1 判断还有没有下一页数据 if (this.QueryParams.pagenum >= this.totalPages) { wx.showToast({ title: '没有下一页数据了', }) } else { this.QueryParams.pagenum++; this.getGoodsList(); } }

//下拉刷新事件 onPullDownRefresh() { this.setData({ goodsList: [] }) this.QueryParams.pagenum = 1; this.getGoodsList() }

triggerEvent组件jsmethods: { handleItemTap(e){ const {index} = e.currentTarget.dataset; //触发父组件的自定义事件 //第一个参数是自定义父组件方法名，第二个是携带的参数 this.triggerEvent("tabItemChange",{index}); } }父组件html<Tabs tabs="{{tabs}}" bindtabI

在json文件中添加如下两行代码： "enablePullDownRefresh":true, "backgroundTextStyle":"dark"

HTML<!-- data-index给js传数据 --><view class="menu_item {{index === currentIndex?'active':''}}" wx:for="{{leftMenuList}}" wx:key="*this" bindtap="handleItemTap" data-index="{{index}}" >JS//{index}是es6的解构方

在app.wxss中添加/* ./styles/iconfont.wxss是要引入的文件的位置 */@import "./styles/iconfont.wxss";

创建components文件夹然后创建好组件文件夹要调用文件中设置在json文件设置“使用组件”{ "usingComponents": { //名称为SearchInput,路径为/components/SearchInput/SearchInput "SearchInput": "/components/SearchInput/SearchInput", "Tabs": "/components/Tabs/Tabs" },...

"tabBar": { //字体颜色 "color": "#999", //选中字体背景 "selectedColor": "#ff2da4", //背景颜色 "backgroundColor": "#fafafa", //边框类型 "borderStyle": "black", //列表 "list": [ { //页面路径 "pagePath": "pages/index/inde..

微信小程序——数据绑定步骤在js的data中写好属性在wxml中使用{{}}来掉用在有数组的时候可以使用wx:for来循环获取

微信小程序——组件基础view组件view组件，是最基础的组件，相当于HTML里的div组件常用属性属性说明hover-class按下去可以显示样式类hover-stop-propagation防止样式冒泡swiper组件swiper组件是滑块视图容器，常用来作为轮播图常用属性属性说明indicator-dots是否显示面板指示点indicator-color指示点颜色indicator-active-color