随笔分类 -  mini-ali-ui库

手势滑动
摘要：滑动单元格 <view a:for="{{searchtag}}" data-keyword="{{item}}"> <swipe-action right="{{right}}" restore="{{swipeIndex null || swipeIndex !== index}}" index 阅读全文
posted @ 2021-04-23 09:50 青眼魔术 阅读(123) 评论(0) 推荐(0)
小程序获取页面路径
摘要：var pages = getCurrentPages() //页面路径等于某某时的操作 if (pages[pages.length - 1]['route'] 'pages/business/business') { } 阅读全文
posted @ 2021-04-23 08:46 青眼魔术 阅读(253) 评论(0) 推荐(0)
根据条件判断：类目列表灰与亮两种样式（点击时还会发生变化）
摘要：要求： 1.遍历的数组 2.用户的后台记录（数组） 3.如果遍历的数组的值在用后台记录的数组里存在，那一单个标签样式变化 4.点击时增删用户后台记录，遍历的数组的所在标签样式变化（只增删后台记录，遍历的数组不做任何改变） 效果如图 遍历的数组的值不存在后台记录的数组时显示空心 遍历的数组的值存在后台 阅读全文
posted @ 2021-04-16 16:29 青眼魔术 阅读(108) 评论(0) 推荐(0)
全局数据
摘要：个人学习笔记只记录基本，完整请看微信小程序全局状态管理库（wxMiniStore）_@¥@%的博客-CSDN博客 一个基于原生小程序的mini全局状态管理库，跨页面/组件渲染。 全局状态state支持所有Page和Component，状态完全同步，并提供api，自动diff状态并更新。 周期监听pa 阅读全文
posted @ 2021-04-14 10:38 青眼魔术 阅读(229) 评论(0) 推荐(0)
text空格
摘要：1，单个空格用\t , 换行用\n <text space="ensp">生活就像海洋\t 空格 只有一种坚强的人才能到达彼岸</text> 2，多个空格 在text中添加这两个属性 space=“ensp” decode="{{true}}" <text space="ensp">生活就像海洋 只 阅读全文
posted @ 2021-04-13 16:40 青眼魔术 阅读(288) 评论(0) 推荐(0)
list类目选择
摘要：1.请求后台拿到数据 2.标签遍历数组 3.取数组对象的内容显示 4.提交数组对象的ID 5.点击选中样式 HTML文件 <list> <view onTap="ategoryHide" class="ategory_title"> <view style="flex: 1">类目</view> < 阅读全文
posted @ 2021-04-10 16:24 青眼魔术 阅读(91) 评论(0) 推荐(0)
表单获取元素的值
摘要：表单 <form> <input name="input"> <picker range="{{arr}}" range-key="{{arr.name}}" value="{{index}}" onChange="change" name='picker'> <view class="row"> 阅读全文
posted @ 2021-04-10 15:52 青眼魔术 阅读(96) 评论(0) 推荐(0)
tabs横向选项卡
摘要：Tabs 横向选项卡 - 支付宝开放平台 (alipay.com) <tabs tabs="{{searchTabs}}" activeTab="{{searchactiveTab}}" onTabClick="Click" onChange="Click"></tabs>tabs属性：循环遍历的数 阅读全文
posted @ 2021-04-10 15:32 青眼魔术 阅读(203) 评论(0) 推荐(0)
交互常用API
摘要：1.提示框 my.showToast - 支付宝开放平台 (alipay.com) 2.对话框，返回true或false my.confirm - 支付宝开放平台 (alipay.com) comfirm() { my.confirm({ title: '温馨提示', content: '您是否想查 阅读全文
posted @ 2021-03-29 11:57 青眼魔术 阅读(86) 评论(0) 推荐(0)
图片API常用的接口
摘要：1.图片API // 查看图片API previewImage(e) { console.log(e) var _this = this my.previewImage({ //查看图片的接口 current: e.target.dataset.id, //点击图片时显示的位置，比如我点开第三张图， 阅读全文
posted @ 2021-03-29 11:11 青眼魔术 阅读(3571) 评论(0) 推荐(0)
常用标签组件
摘要：1.搜索框 SearchBar 搜索框 - 支付宝开放平台 (alipay.com) <search-bar /> //需要的属性都有：点击、回车、检测键盘输入、清除图标、取消按钮 2.图片 image 图片 - 支付宝开放平台 (alipay.com) <image/> //mode可直接设置图片 阅读全文
posted @ 2021-03-29 10:44 青眼魔术 阅读(83) 评论(0) 推荐(0)
tag样式直接用
摘要：超出文本省略号，间距 1.axml <view> <view class="search_container"> <view class="search_chunk"> <tag size="lg" ghost="fasle" class="search_tag"> {{item}} </tag> 阅读全文
posted @ 2021-03-29 10:23 青眼魔术 阅读(281) 评论(0) 推荐(0)
组件通信
摘要：如何使用自定义组件 直接新建小程序组件就自动生成json，js，acss，axml（记得开components2编译） 组件json文件 { "component": true,//一定要true "usingComponents": {//需要的依赖 "tag": "mini-ali-ui/es/ 阅读全文
posted @ 2021-03-27 09:27 青眼魔术 阅读(69) 评论(0) 推荐(0)
modal弹出对话框
摘要：1.这里就写最常用的，看不懂直接cv，或者看官网（仅做个人笔记不喜勿喷）Modal 对话框 - 支付宝开放平台 (alipay.com) <modal show="{{modalOpened}}" onButtonClick="onModalClick" buttons="{{buttons}}" 阅读全文
posted @ 2021-03-25 15:53 青眼魔术 阅读(117) 评论(0) 推荐(0)