小程序
·港岛妹妹
专注前端开发二十四年
展开
-
模糊搜索时列表展示含有输入框关键字的文字变色
wxss <!-- 循环这里 --> <view class=" diagnosis-lists" wx:for="{{icdnamelist}}" catchtap="icdnameSelect" data-index="{{index}}"> <!-- 诊断 --> <view > <text wx:for="{{item.icd_name}}"原创 2021-11-22 11:12:24 · 801 阅读 · 0 评论 -
微信小程序中如何使用阿里iconfont图标库
iconfont官网 1、将自己需要使用的小图标加入购物车 2.在购物车中添加至项目, 点击查看样式在线链接 3、上图链接在浏览器中打开 4.在小程序创建font.wxss文件(文件名可随意起名),将浏览器中打开链接的内容复制粘贴 5.使用在app.wxss中全局引入 6.页面使用 给标签添加两个样式名iconfont和icon-xxxx 例如: <view> <text class="iconfont icon-black-plane"></text> &l原创 2021-08-13 10:49:23 · 416 阅读 · 0 评论 -
微信小程序总结
微信小程序 准备工作 注册小程序帐号 ① 准备一个微信号(你如果还没有微信号,你out了,你是穿越来的吧) ② 申请小程序账号:https://mp.weixin.qq.com/wxopen/waregister?action=step1 获取开发密钥(appId) 在做项目时需要密钥 公众平台登录小程序->开发->开发设置->AppID(小程序ID) wx1481c0459dc80dab 安装开发工具 开发工具,可以选择自己喜欢的,也可以选择微信工具,下载微信开发工具,微信开发工具可完成原创 2021-04-06 16:11:41 · 878 阅读 · 0 评论 -
小程序生命周期详解
小程序生命周期 1、应用生命周期 //app.js App({ // 1 应用第一次启动的就会触发的事件 onLaunch() { // 在应用第一次启动的时候 获取用户的个人信息 // console.log("onLaunch"); // aabbcc // js的方式来跳转 不能触发 onPageNotFound // wx.navigateTo({ // url: '/11/22/33' // });原创 2021-07-23 10:48:48 · 329 阅读 · 0 评论 -
小程序易忘总结
一、swiper轮播图 先找出来原图的宽度和高度等比例给swiper定宽度和高度 eg:原图的宽度和高度1125 * 352 pX swiper宽度/ swiper高度=原图的宽度/原图的高度 swiper高度=swiper宽度*原图的高度/原图的宽度 height: 100vw * 352 / 1125 swiper{ width: 100%; height: calc(100vw*294/1035); } image{ width: 100%; } 二、动态加类名 三、回调函数 1、页原创 2021-07-22 18:03:27 · 131 阅读 · 1 评论 -
小程序父子组件传值案例(tab选项卡)
component/Tabs/Tabs.js Component({ /** * 里面存放的是 要从父组件中接收的数据 */ properties: { // 要接收的数据的名称 // aaa:{ // // type 要接收的数据的类型 // type:String, // // value 默认值 // value:"" // } tabs:{ type:Array, val原创 2021-07-22 17:51:23 · 336 阅读 · 0 评论