微信小程序
微信小程序原生语法,问题汇总
最初都是小白
热爱可低岁月漫长。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序中使用选择器
遇到了一个问题,依然是swiper的高度问题,这次的场景是在一个轮播图里,图片宽度是100%,且图片是正方形,所以要动态获取到图片的高度 这是我一开始想的,其实因为图片宽高相同,可以直接获取屏幕宽度来进行赋值的o(╥﹏╥)o,所以我先踩了一个坑 第一种方法:使用 wx.createSelectorQuery(),的方法获取到当前图片的元素,然后获取到它的宽度,并赋值给轮播图的高 wxml: <swiper indicator-dots="{{indicatorDots}}" autop原创 2020-06-16 14:24:47 · 1175 阅读 · 0 评论 -
微信小程序软键盘回车事件
应用场景主要是在搜索的时候输入框输入完内容以后,点击软键盘上的回车调用搜索方法,代码如下: wxml: <input placeholder="粘贴商品标题或直接输入" value="{{input}}" type="text" confirm-type="搜索" bindconfirm="confirmTap"></input> confirm-type: 设置软键盘右下角文案,只有type=“text” 时生效。 只能设置成:发送,搜索,下一个,前往,原创 2020-06-05 17:07:48 · 3680 阅读 · 1 评论 -
小程序中点击给当前添加active的选中样式
在小程序中给一个列表加一个选中样式,效果如下: 如图中当前选中: 综合 代码如下: wxml data-item 是用来传当前位置的,必须要写 <view class="condition-nav" wx:if="{{!historyShow}}" > <view wx:for="{{conditionList}}" wx:for-item="info" data-item="{{info.id}}" wx:key=原创 2020-06-04 16:33:51 · 6568 阅读 · 1 评论 -
微信小程序中使用svg字体图标教程 ——图解三步,很清晰
小程序中想使用字体图标其实很简单: 第一步:首先在阿里巴巴矢量图库https://www.iconfont.cn/search 里面下载你想要的小图标: 下载时选择svg下载: 第二步:打开 https://icomoon.io 把你刚刚下载的svg拖拽到这里: 第三步:在线转换base64编码字体,打开 https://transfonter.org/ : 下载完成后你会得到第二个文件夹,解压: 接下来就可以使用了: 注意: 字体图标就相当于字体直接用font-size控制大小,color原创 2020-06-01 16:31:14 · 3784 阅读 · 13 评论 -
微信小程序tabs组件中swiper的高度自适应?一行代码搞定!!!
刚刚入门小程序,遇到的第一个坑就是tabs组件中的swiper的高度150px,逐渐被这个固定高度逼的走投无路的我突然间想到了解决的办法/(ㄒoㄒ)/~~ 这个只适用于一整屏都是tabs的项目: 使用计算属性 calc( 100vh - 100px ): 解释: 100vh 整个屏幕高度 100px 图中上方蓝色框区域 代码如下: 因为是修改它的默认属性,所以后面加important。 .weui-tabs .weui-tabs-swiper { height: calc(100vh - 100px原创 2020-05-28 18:29:16 · 1812 阅读 · 6 评论
分享