mpvue小程序
mpvue小程序
落花流雨
这个作者很懒,什么都没留下…
展开
-
小程序如何跳转url链接
小程序如何跳转url链接业务逻辑:使用导航标签实现页面跳转 <navigator url="/pages/webLink/webLink" hover-class="none"> <view class="user_book">跳转百度</view> </navigator>在跳转的页面使用标签:<web-view></web-view>小技巧:清除链接缓存方法:在url地址后面,随意拼接参数web-原创 2020-07-08 19:11:12 · 4810 阅读 · 1 评论 -
微信小程序:常见bug 和 解决方案
微信小程序:常见bug 和 解决方案1. 小程序进入页面图片渲染会拉伸闪下变形优化参考文档:https://www.jianshu.com/p/bdaf34809a89需求:有些从接口传递过来的图片,本身图片大小不是固定一个比例,全部渲染显示在页面上,会有唰得拉伸从大到小快速闪下变形的bug,很影响用户体验。解决方法:image的mode图片剪裁缩放模式用mode='widthFix'(宽度不变,高度自动变化,保持原图宽高比不变),记得要在css里也加上height:auto,可以消除渲转载 2020-07-05 16:37:35 · 4927 阅读 · 0 评论 -
mpvue小程序功能:横向滚动
mpvue小程序功能:左右滚动结构 <!--新品首发 --> <div class="newgoods"> <div class="newgoods-top" @click="goodsList('new')"> <div class="top"> <p>新品首发</p> <p>查看全部</p> </div&原创 2020-07-04 22:48:50 · 392 阅读 · 0 评论 -
mpvue小程序功能:轮播图
mpvue小程序功能:轮播图结构<!-- 轮播图 --> <div class="swiper"> <swiper class="swiper-container" indicator-dots="true" autoplay="true" interval="3000" circular="true" duration="500" >原创 2020-06-29 23:44:01 · 492 阅读 · 0 评论 -
微信小程序样式拼接 类名三元运算 以及条件拼接
微信小程序样式拼接 类名三元运算 以及条件拼接style行内样式拼接<view class='navbar-title' style=' top:{{navTop}}px; color:{{titColor}}; background:url({{info.goods_img}}) no-repeat;'> {{pageName}}</view><!--info.goods_img --> 为变量属性。style行内样式三元运算拼接<view原创 2020-06-29 11:01:07 · 2592 阅读 · 0 评论 -
mpvue小程序: App.vue文件(全局样式)
mpvue小程序: App.vue文件<script>export default { created () { // 调用API从本地缓存中获取数据 var userInfo = { openId: "023vXGet0wswDi1Iktft04mXet0vXGe5", nickName: "落花流雨", gender: 1, language: "zh_CN", city: "Changping",原创 2020-06-27 10:49:36 · 1094 阅读 · 0 评论 -
mpvue小程序:高德地图实时获取地理位置
mpvue小程序:高德地图实时获取地理位置前期准备:高德开发平台,申请key:https://lbs.amap.com/api/wx/gettingstarted使用vuex进行全局状态管理首先安装vuex: npm i vuex -S新建 src / store / index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ stat原创 2020-06-27 10:46:06 · 883 阅读 · 0 评论 -
微信小程序:常见bug 和 动态添加类名
微信小程序:常见bug弹框和遮罩层显示在可视窗口的中间实现方法:动态为最外层标签添加类名(固定定位)isShow_pay 控制弹框和遮罩层的显示和隐藏<view class="measure_result {{isShow_pay?'measure_del':''}}"></view>.measure_del { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflo原创 2020-06-26 18:50:20 · 471 阅读 · 0 评论 -
基于vue2和mpvue开发小程序:(创建项目和less语法)
初始化一个mpvue项目首先安装Node.js 和 vue-cli脚手架工具npm install -g vue-cli@2.9创建一个基于 mpvue-quickstart 模板的新项目vue init mpvue/mpvue-quickstart 项目名称然后按照提示运行:中间会询问一下问题:前面几项直接回车直到:询问是否安装 vuex 和 ESLint,根据需要安装即可。其余全部选中默认,直接回车cd 项目目录npm install>>>>&g原创 2020-06-26 13:18:31 · 190 阅读 · 0 评论 -
mpvue小程序:package.json 和 app.json文件(tabbar配置)
mpvue小程序:配置文件 package.json{ "name": "mpv", "version": "1.0.0", "mpvueTemplateProjectVersion": "0.1.0", "description": "A Mpvue project", "author": "吴东 <qianduanwd@163.com>", "private": true, "scripts": { "dev:wx": "node build/dev-s原创 2020-06-26 12:54:43 · 943 阅读 · 0 评论