小程序开发
麦兜:)
对学习的新技术分享,对网上优秀代码整理,对工作遇到的问题分享
展开
-
uni-app整合最新版vant-weapp,遇到的问题和解决办法
1.前往github下载vant-weapp组件库,github地址2.在HBuilderX中新建uni-app项目,并在新项目的根目录下新建个目录,用于存放vant-weapp组件,我新建的目录名为wxcomponents为例3.将步骤1的dist文件复制粘贴到wxcomponents目录下,并改名为vant4.使用uni-app提供的easycom组件模式,具体看uni-app文档...原创 2020-03-30 12:41:13 · 15439 阅读 · 17 评论 -
uni-app小程序端调内置地图和打开外部app和调拨打电话
效果如图:部分代码如下:1.html代码 <view class="service"> <a href="#" @click.prevent="openMap"> <image src="../../static/navigation.png" mode=""></image>到这去 </a> ...原创 2019-12-13 10:12:57 · 2521 阅读 · 0 评论 -
小程序富文本图片自适应屏幕
效果如下:关键代码:let wxWidth = wx.getSystemInfoSync().windowWidthres.data.data.xxx = res.data.data.xxx.replace(/\<img/gi, '<img style="width:' + wxWidth + 'px;vertical-align: middle;"')...原创 2019-12-06 16:27:30 · 894 阅读 · 0 评论 -
在uni-app中使用vue语法封装个计数器组件
效果如下:1.在components中新建个counter.vue 组件<template> <!-- 计数器 --> <view class="counter-box">单位 : 个 <view class="counter"> <text class="reduce-add" @click="addReduce(0)">...原创 2019-11-21 23:00:28 · 1597 阅读 · 0 评论