随笔分类 - 小程序
摘要：一、即时聊天使用小程序给我们提供的在线聊天功能，在界面中只能通过按钮开放能力来打开。注意：此功能只能在手机端中去使用，在模拟器中无法进行。 二、小程序页面中的代码展示 1 <view class="shareBox"> 2 <text>在线咨询</text> 3 <button type="prim
阅读全文
摘要：小程序weui官网：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 1.下载weui 进入GitHub https://github.com/weui/weui-wxss/ 进入如下页面，点击红色框选下载程序代码 解压后
阅读全文
摘要：最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。 微信官方文档给了两种weui引入方式： 通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。 可以通过npm方式下载构建，npm包名为weui-miniprogram 但是注意！！
阅读全文
摘要：子页（需要选择的）： wxml: <view class="box2" wx:for="{{store}}"> <view class="box2_son1" data-id="{{index}}" bindtap="backIndex"> <view class="box2_son1_left">
阅读全文
摘要：js: // 打开地图导航 seeMap: function(e){ var me = this; let id = e.currentTarget.dataset.id; var stores = me.data.data.data; var latitude = stores[id].latit
阅读全文
摘要：小程序的wx.getLocation()获得是经纬度并不包含地名，所以要通过经纬度用相应的地图转换出地名（本文使用的是百度地图） // 获取坐标 onLoad: function (options) { wx.getLocation({ type: 'gcj02', //wgs84/gcj02 gl
阅读全文
摘要：wxml: <view class="tab_box" catchtap="changeOil"> <view class='{{num==1?"tab_box_1":"tab_box_1a"}}' data-num='1'>门店自提</view> <view class='{{num==2?"ta
阅读全文
摘要：wxml: <!-- 遮罩层 --> <view wx:if="{{carAdd}}"> <view class="cover" catchtap="closeBg"></view> <view class="wxshare"> <view class="add_box1"> <view class
阅读全文
摘要：在微信小程序 里实现跑马灯效果，类似滚动字幕或者滚动广告之类的，使用简单的CSS样式控制，没用到JS wxml: <!-- 复制的跑马灯效果 --> <view class="marquee_container" style="--marqueeWidth--:-12em"> <view class
阅读全文
摘要：想实现效果： 点击后跳转 wxml： <view class="fiveson"> <view class="fiveson-son" bindtap="onepay"> <view class="son-icon"> <image src="../../images/icon/oneimg.png
阅读全文
摘要：<!-- 改版的wxml： --> <swiper indicator-dots="{{indicatorDots}}" circular="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" s
阅读全文
摘要：scroll-view 里面继续套一个 scroll-view ，设置纵向允许滚动 <swiper class="swiper"> <swiper-item> <scroll-view scroll-y="true" class="scroll"> <!-- 这里是内容 --> </scroll-v
阅读全文
