微信小程序
微信小程序原生语法,问题汇总
最初都是小白
深深的话我们浅浅的说,未来长长的路我们慢慢的走。
展开
-
小程序中使用选择器
遇到了一个问题,依然是swiper的高度问题,这次的场景是在一个轮播图里,图片宽度是100%,且图片是正方形,所以要动态获取到图片的高度这是我一开始想的,其实因为图片宽高相同,可以直接获取屏幕宽度来进行赋值的o(╥﹏╥)o,所以我先踩了一个坑第一种方法:使用 wx.createSelectorQuery(),的方法获取到当前图片的元素,然后获取到它的宽度,并赋值给轮播图的高wxml: <swiper indicator-dots="{{indicatorDots}}" autop原创 2020-06-16 14:24:47 · 1014 阅读 · 0 评论 -
微信小程序软键盘回车事件
应用场景主要是在搜索的时候输入框输入完内容以后,点击软键盘上的回车调用搜索方法,代码如下:wxml:<input placeholder="粘贴商品标题或直接输入" value="{{input}}" type="text" confirm-type="搜索" bindconfirm="confirmTap"></input>confirm-type:设置软键盘右下角文案,只有type=“text” 时生效。只能设置成:发送,搜索,下一个,前往,原创 2020-06-05 17:07:48 · 3219 阅读 · 1 评论 -
小程序中点击给当前添加active的选中样式
在小程序中给一个列表加一个选中样式,效果如下:如图中当前选中: 综合代码如下:wxmldata-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 · 5801 阅读 · 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 · 2949 阅读 · 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 · 1557 阅读 · 6 评论