摘要: 要求的效果: 正面: 背面: 在开发者工具 利用css 和定位实现了一个版本 此时 在真机上测试 会发现出现问题 canvas在最上面 之后看官网api,原生组件的使用注意点,层级最高,其他组件的z-index无论为多少,都无法盖在原生组件上。 为了解决覆盖问题,在翻转在背面的时候 我进行了 对画布 阅读全文
posted @ 2019-02-20 16:26 明媚下雨天 阅读(2498) 评论(0) 推荐(0) 编辑
摘要: 在h5端做二维码我一般是借用插件 qrcode 现在在小程序也需要实现二维码功能 如下图: 也是用qrcode,wepapp版本 资源地址 引用方式地址事例:https://github.com/tomfriwel/weapp-qrcode/blob/master/components/myComp 阅读全文
posted @ 2019-02-19 09:11 明媚下雨天 阅读(882) 评论(0) 推荐(0) 编辑
摘要: 一般来说 ,在渲染数据之前 ,我会在js中重新处理数据,在进行输出。不过今天来科普另一种方法,在wxml中直接调用函数的的方法——wxs 这里是微信给出的官放描述 1.编写wxs的方法 2.在wxml中引入wxs 2.调用 (红线部分名称要一致) 这样就可以 在{{}}中调用函数了 阅读全文
posted @ 2019-01-24 11:17 明媚下雨天 阅读(632) 评论(0) 推荐(0) 编辑
摘要: 小程序与h5的跳转 前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面(相互跳的前提条件) 在业务域名中设置好访问的h5地址 微信官方web-view 介绍地址 https://developers.weixin.qq.com/miniprogram/dev/component/web- 阅读全文
posted @ 2019-01-23 15:54 明媚下雨天 阅读(5686) 评论(0) 推荐(0) 编辑
摘要: 实现效果(基于原生组件的实现) 实现代码: wxml 轮播图部分 js 轮播图部分 css .swiper{ height: 674rpx; margin-top: 74rpx; } .back{ border-radius: 10rpx; } .center { display: flex; ju 阅读全文
posted @ 2019-01-09 10:21 明媚下雨天 阅读(2731) 评论(0) 推荐(1) 编辑
摘要: 1.安装HBuilder 2.将你的项目在HBuilder中打开 3.控制台 打包编译 4.新建一个app项目,将项目编译生成的dist文件夹 ,复制到app项目中 5.双击manifest.json文件,修改页面入口,是否压缩的选项 (appid 注册登录后 则有) 6.点击发行,打包原生 (会有 阅读全文
posted @ 2018-12-26 19:02 明媚下雨天 阅读(2076) 评论(0) 推荐(0) 编辑
摘要: 1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,需要配置这个文件。 { "presets": [ 阅读全文
posted @ 2018-12-20 14:24 明媚下雨天 阅读(8645) 评论(4) 推荐(1) 编辑
摘要: 商品发布中 需要使用到编辑器 在这里记录一下 问题和使用方法 附上百度编辑器的下载和说明文档的链接地址 戳这里 我下载了源码,所有版本都包括 在这里 主要跟着 examples来 里面有一个完整demo页面 completeDemo.html 在需要使用的界面中,引入相关资源(这几个资源是 demo 阅读全文
posted @ 2018-12-04 15:12 明媚下雨天 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 1.本地版本 低于线上版本,并做了修改 ,线上版本也做了修改的情况下,提交内容,必须解决冲突 会出现 解决方法 冲突的几个文件 进行初始还原 在进行 更新 与线上同步,在将需要提交的/新增/修改的内容进行提交 就可以解决问题 利用github客户端 进行 合分支 先进入 你要合并的分支 例如 dev 阅读全文
posted @ 2018-12-03 11:55 明媚下雨天 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 写了很多小应用 但是 对于input有很多 相同的需求 在这里做一个总结 将用的多的校验方法 封装为方法 使用 1.只能输入正整数的校验 输入的时候同时校验 将字符类型的全部替换为空 2.只输入正整数的校验 3.最多两位小数的校验 通过判断小数点的位置 来判断 是否最多两位小数 4.金额的校验 5. 阅读全文
posted @ 2018-11-30 16:38 明媚下雨天 阅读(444) 评论(0) 推荐(0) 编辑