小程序
牛仔不当马仔
这个作者很懒,什么都没留下…
展开
-
Vue/uni-app动态修改元素的样式
1.第一种是通过v-bind和三元表达式<view class="tip" :style="{color:item.state === '已确认'?'#52c41a':'#f5653b'}">商家{{item.state}}订单</view>2.第二种是通过data <!-- 底部工具栏 --> <view class="bottom_tools" :style="{bottom: propUpBottomHeight}"></view&g原创 2021-09-30 18:14:08 · 3001 阅读 · 0 评论 -
uni-ui中去除uni-nav-bar存在的分隔线
先上图看问题:找到uni-nav-bar的源码在源码中我看到了这个东西uni-navbar–borderscss语法指向了我uni-app项目中的uni.scss文件,猜测一波这就是我们要找的边框颜色,所以找到uni.scss文件,再找到修改为我们自己的背景颜色就搞定了...原创 2021-09-26 13:46:49 · 1220 阅读 · 0 评论 -
电商微信小程序(教你一个页面一个数据接口搞定所有分类订单页面(未支付 未发货 已发货 全部订单))
注:解析主要都在注释里面1.mysql建表思路1.1最重要的是状态码,如果之前没有添加字段state,可以通过以下方式-- 添加字段(规定只能规定为 未支付、未发货、已发货)ALTER TABLE orderinfo ADD state VARCHAR(10) CHECK (state in ('未支付', '未发货', '已发货'))最终建表CREATE TABLE `orderinfo` ( `orderId` varchar(100) NOT NULL COMMENT '订单号',原创 2021-08-08 14:28:52 · 1100 阅读 · 0 评论 -
微信小程序wx.request使用post向后端传递数组,后端无法接收到数据的解决
wx.request({ url: 'http://127.0.0.1:8090/inStorkAPI/php/add_order_del_multi_carts.php', data: { "cartIds":cartIdarr }, metho...原创 2021-08-06 13:39:00 · 3330 阅读 · 0 评论 -
微信小程序创建订单号思路(附将带其它符号字符串转换成纯数字字符串)
// 1获取当前时间 let time = util.formatTime(new Date()); // 2创建订单号 // 拼接时间字符和电话号码 // let orderNumber = time + telNumber; // 利用正则表达式,将原有字符串转化为只有数字 ...原创 2021-08-06 11:43:12 · 2350 阅读 · 0 评论 -
电商小程序购物车跳转到支付页面数据传递(利用wx.setStorage和wx.getStorage)
购物车点击结算 const {userName, address, telNumber, buyList, checkedNum, checkedPrice} = this.data wx.setStorage({ key:"payInfo", data:{ userName, address, telNumber,原创 2021-08-05 14:23:11 · 862 阅读 · 0 评论 -
微信小程序学习记录
微信小程序学习记录app.json配置(全局配置文件)pageswindowtabbar(导航栏)page.json配置(页面配置文件)模板语法事件绑定WXSS样式导入选择器组件imagesswiper(轮播图组件)navigatar(导航组件)buttonicon(字体图标)radio(单选框)checkbox(复选框)app.json配置(全局配置文件)pages其中存放页面,默认有一个主页面和一个日志页面 "pages/index/index", "pages/logs/logs原创 2021-07-15 13:53:36 · 594 阅读 · 0 评论 -
微信小程序通过setData设置data数组中某一对象的属性值
这里我做的是一个电商类的微信小程序,需要加减购物车中商品的数量WXML:<!-- 减按钮 --><view class="subNum" bindtap="subNum" data-Num="{{item.num}}" data-index="{{index}}">-</view>js:buyList:[ { id:0, url:"", text:"", price原创 2021-07-17 12:43:04 · 914 阅读 · 0 评论 -
微信小程序 访问数据api接口(get请求和获取父页面传递参数并向接口传参获取数据)
/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.request({ url: 'http://127.0.0.1:8090/inStorkAPI/php/goods_detail.php', data: { //options.goods_id为父页面传递过来的参数goods_id为接口中接收参数的参数名 ...原创 2021-08-01 22:29:34 · 2524 阅读 · 0 评论 -
微信小程序(获取用户收货地址(包含获取用户设置、引导用户打开权限))
getAddress(){ // 获取用户设置 wx.getSetting({ success: (result1) => { let res = result1.authSetting["scope.address"]; //判断是否授权 if(res === true || res === undefined){ //获取用户收货地址 wx.chooseAddress({原创 2021-08-01 22:35:20 · 577 阅读 · 0 评论 -
微信小程序分隔线
微信小程序分隔线,复制粘贴后再添加class="hr"直接使用/* 分隔线 */.hr { width: 90%; height: 3rpx; margin-top: 15rpx; margin-left: 37.5rpx; background-color: #dfdedd;}原创 2021-08-04 21:30:44 · 3178 阅读 · 0 评论