10 2023 档案
摘要：使用： //wxml文件 <canvas id="qrcode" /> //js文件 import qrcode from '../../utils/qrcode' //引入qrcode.js文件 Page({ onLoad() { wx.createSelectorQuery().select('
阅读全文
摘要：1.在父组件中调用子组件的方法 1）父组件 <addcar id="classCart" cartdata-data="{{cartdata}}" /> js调用： let classCart = this.selectComponent('#classCart')// 页面获取自定义组件实例 cl
阅读全文
摘要：7、在components怎么使用app.scss的样式 答：不能直接使用，需要在使用到的页面先@import引入app.scss才行
阅读全文
摘要：6、由于使用了ts踩到的安装vant的坑，重点在第4步 1）在根目录下执行安装依赖的命令 npm i @vant/weapp -S --production 2) 修改 app.json 将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，
阅读全文
摘要：5. 如下图将顶部导航栏的地方改成自定义样式 1）配置app.json { "window": { "navigationStyle": "custom" //增加这行 } } 2)、封装顶部导航栏的样式 创建组件文件夹及文件miniprogram\components\navigation-bar
阅读全文
摘要：4. ts文件中方法的e的类型是什么 页面：e:WechatMiniprogram.BaseEvent 页面各种方法的e的类型可以在typings\types\wx\lib.wx.event.d.ts文件中找到。 组件：e:WechatMiniprogram.Component.Constructo
阅读全文
摘要：3.request.ts文件封装 api.ts import request from './request' //获取token export function init(data: object){ return request({ url:'/api/wechat_mini/auth/wx_i
阅读全文
摘要：设置主题颜色 1.在utils中新建文件userstyle.ts let themecolor="#1F554F" //绿色 let fcolor1="#0D2D2C" //黑色 let fcolor2="#8F9A99" //灰色 export const colors = { themecolo
阅读全文
摘要：8.关于微信小程序顶部自定义导航栏上下位置偏差的问题 顶部导航栏的结构： 已知： 获取系统信息：wx.getSystemInfoSync() 获取胶囊信息：wx.getMenuButtonBoundingClientRect() wx.getSystemInfoSync().statusBarHei
阅读全文
摘要：瀑布流布局效果如下图： 当前项目需求，如下图： 商品展示，需要按接口返回的顺序展示，依次从左至右，从上至下。 方案1：CSS3 column 属性(实现的布局顺序为先从上到下，再从左至右，所以这种方式仅适用于数据固定不变的情况，对于滚动加载更多等可动态添加数据的情况就并不适用了。) 关键思路： co
阅读全文
摘要：语言环境：ts + scss 1.自定义底部菜单 1）在根目录下创建文件夹及文件 注意：如果文件夹的位置不是在根目录下，底部导航栏不会显示的。 index.wxml <view class="tab-bar"> <view wx:for="{{list}}" wx:key="index" class
阅读全文
