小程序
刺客-Andy
轻用其芒,动即有伤,是为凶器;深藏若拙,临机取决,是为利器。
展开
-
微信小程序自定义头部状态栏
1、自定义状态中包含a、返回按钮;b、home-icon;c、定位信息;废话不多说直接上代码:本次书写第一次使用uni-app:有错误地方感谢批评指出2、DOM结构<template> <view> <view class="head_nav" :style="{'height':navBarHeight+'px', 'background-color':barBgColor}"> <view class="status-bar" :s原创 2020-05-09 15:32:34 · 634 阅读 · 0 评论 -
微信小程序购物车商品单选、多选、数量变化、结算等
1、本文只是提供一种思路,具体实现因原型各异;2、首先是购物车中商品单选、全选、反选(1)、假设后台提供的数据结构如下:dataList: [ { id: "01fedabc742d42938061b6599798651e", image: "https://jianyouquan.oss-cn-beijing.aliyuncs.com/timg (4).jpg...原创 2020-04-01 10:24:03 · 4922 阅读 · 0 评论 -
小程序多规格商品
1、数据结构 (后台提供的)goodsBaseInfo: { // 单个商品 goodsId: "", "skuNameList":[ // 最多三个,最少一个; {//规格名称 "id":"3333",//id "name":"颜色",//名字 //"specific...原创 2020-03-31 17:46:56 · 1459 阅读 · 2 评论 -
微信小程序突破页面层级限制
笨重的方法1、首先自定义头部导航组件 相关DOM结构;<view class="head_nav"> <view style="width:100%;height:{{statusBarHeight}}px;background-color:{{barBgColor}};" class="top_bar"></view> <view class...原创 2020-03-31 16:48:40 · 1591 阅读 · 0 评论 -
小程序楼层索引,将汉字转换为拼音并以首字母排序
1、根据正则码校验汉字对应的拼音;export default { pinyin: { "a": "\u554a\u963f\u9515", "ai": "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7...原创 2020-02-15 16:04:48 · 17725 阅读 · 0 评论 -
微信小程序 canvas 合成海报
1、先百度了解canvas相关文档;2、了解微信小程序授权登录与授权登录下保存图片权限问题;3、canvas标签属性不能是display:none; <canvas class="canvas_box" wx:if="{{isShowCanvase}}" style="width:{{systemInfo.screenWidth*2}}px;height:{{systemInfo.sc...原创 2020-02-15 13:05:42 · 581 阅读 · 0 评论 -
微信小程序合成二维码海报
1、html中canvas 的宽高要跟 填充背景的宽高保持一致,否则画出来的图片会被截取,不完整;一定要先阅读文档:wx.createCanvasContext()<canvas class="canvas_box" style="width:{{systemInfo.screenWidth*2}}px;height:{{systemInfo.screenHeight*2}}px" c...原创 2019-11-05 19:07:42 · 819 阅读 · 0 评论 -
小程序扫描普通二维码
1、首先小程序管理后台配置相关规则![配置地址:](https://img-blog.csdnimg.cn/20191105183529887.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTU5MzczMA==,...原创 2019-11-05 18:45:45 · 282 阅读 · 0 评论 -
微信小程序中图片自适应(高度、宽度自适应)
1、`<image class="rich_img" src="{{item}}" bindload="imageLoad" style="height:{{switerimgHeight}}rpx" mode="widthFix" bindtap='previewImg' data-effect_pic='{{richImgLists}}' data-src='{{item}}' id...原创 2019-11-05 18:26:53 · 5376 阅读 · 0 评论