支猫-CSDN博客

原创微信小程序标签页组件

组件JS// components/tag/index.jsComponent({ options: { multipleSlots: true }, lifetimes: { attached: function () { // 在组件实例进入页面节点树时执行 let that = this this.setData({ tabWidth: wx.getSystemInfoSync().windowWidth / ..

2021-06-29 23:00:04 1220 1

原创微信小程序地图开发，选择省市区，拖动地图选择地址，显示周边，关键字搜索

HTML<view class="map-search-wrap" wx:if="{{!show}}"> <view catchtap='showProvince' class="map-district">{{currentDistrict}}</view> <view catchtap='showSearch' class="map-inp

2021-06-06 23:12:04 830

原创微信小程序组件调用外部方法

组件中this.triggerEvent("outMethod",data)页面上<test bind:outMethod='outMethod></test>

2021-06-06 16:05:06 571 1

原创原生微信小程序的计算属性WXS

计算属性比如有一个业务场景，后端返回的权限是一个数组的形式，[1]是权限1的权限，[2]是权限2的权限,也有可能会返回[1,2]代表同时有权限1和权限2；这个时候可以借助wxs来实现原生微信小程序的计算属性使用wxs有两种方法：1.一种是在外部写一个wxs的文件，后缀是wxs：var wxsfoo = function (array,sign) { return array.indexOf(sign)}module.exports = { wxsfoo:wxsfoo}&lt

2021-06-06 15:42:34 1454 3

原创微信小程序自定义模态框

模态框内容部分自定义内容页面调用模态框组件代码HTML<popup bind:pConfirm='pConfirm' show='{{show}}'> <view style="display: flex;justify-content: center;margin-top:40rpx">自定义内容</view></popup>JSPage({ data: { show:'none' },//控制模态框显示 sho.

2021-06-02 23:16:05 216

原创微信小程序自定义下拉菜单组件

WXML<view class="menuC"> <view class="flex"> <view wx:for="{{arr}}" wx:key="key" data-id='{{item.id}}' bindtap='showkindsof' class="title-wrap"> <view>{{item.title1}}</view> </view> .

2021-05-16 15:36:11 651

原创微信小程序获取屏幕高度

获取屏幕高度wx.getSystemInfoSync().screenHeight获取屏幕宽度wx.getSystemInfoSync().screenWidth获取屏幕可视高度wx.getSystemInfoSync().windowHeight获取屏幕可视宽度wx.getSystemInfoSync().windowWidth获取设备状态栏高度wx.getSystemInfoSync().statusBarHeight...

2021-05-16 15:08:08 2271

原创微信小程序获取元素高度

wx.createSelectorQuery().select('.demo').boundingClientRect(rect=>{ console.log(rect.height);}).exec();

2021-05-16 14:56:31 367

原创小程序组件——自定义标题自适应刘海屏

效果图带返回按钮标题带搜索框标题标题WXML代码<view style="height:{{margintop}}px;background:white;position:fixed;top:0;width:100%;z-index:100;background:{{bgcolor}}"></view><view class="titlebar" style="top:{{m

2021-05-12 23:42:02 229

原创微信小程序上传图片组件，多选+单选+预览+删除

微信小程序上传图片+预览+删除直接上代码JS// pages/upload/index.jsconst app = getApp()Page({ /** * 页面的初始数据 */ data: { //上传图片路径 tempFilePaths: [], //预览图片路径 preview: [], //预览图片路径String previewString: '', pcount: 0, }, //预览图片

2021-04-26 00:05:44 815

原创微信小程序picker多列选择器：日期+时间组件

微信小程序picker多列选择器：日期+时间组件话不多说，直接上代码：html:<view> <picker range="{{test}}" mode="multiSelector" bindcolumnchange='bindcolumnchange' value="{{selectvalue}}" bindchange="bindchange"> {{date}} {{time}} </picke

2021-04-11 22:00:24 3462 2

原创记录一次微信小程序进行长连接通信使用emoji表情

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-04-08 23:07:03 690 4

qq_45314240的博客