![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
大灰狼吃小白兔
学习 | 前端
展开
-
小程序实现vant weapp UI的van-index-bar组件(城市列表)
效果van-index-bar组件地址:https://youzan.github.io/vant-weapp/#/index-barps:这儿的页面效果和vant weapp组件上不一样,是因为当时引用该组件的时候样式就出了问题,索性我就修改了样式index.wpyps:此处页面上的代码也和vant weapp上不一样。当时我是照着vant写的,结果一直没出来,心塞。但又因为...原创 2019-12-19 12:26:52 · 4803 阅读 · 9 评论 -
小程序实现image标签的图片宽度铺满整个屏幕,高度自适应
小程序实现image标签的图片宽度铺满整个屏幕,高度自适应微信小程序官方文档里image标签有mode属性(图片裁剪、缩放模式),而mode=“widthFix”是保持宽度不变,高度自适应且保持原图宽高比不变的一种缩放模式<image src="{{ item }}" mode="widthFix" wx:for="{{curSku.intros}}" wx:key="index"...原创 2019-12-09 16:22:05 · 2871 阅读 · 2 评论 -
微信小程序实现轮播图(超简单)
Tips:微信小程序可以在HbuilderX用HTML标签(如Ddiv、span等)写前端代码,也可以用微信小程序语法写(view、swiper标签),然后npm run dev编译后,在微信开发者工具里面导入该项目,就可以调试项目,查看效果。效果图:微信小程序实现轮播图,本例是在*.wpy页面开发(该页面的temlate内容对应小程序的wxml,style样式对应小程序的wxss,s...原创 2019-07-16 16:01:16 · 32888 阅读 · 7 评论