![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
爱吃栗子的小单
胡乱叭叭
展开
-
实现环形进度条
<view class="circleProgress_wrapper"> <view class="text">{{proText}}</view> <view class="wrapper right"> <view class="circleProgress rightcircle" style="t...原创 2020-03-16 19:19:08 · 145 阅读 · 0 评论 -
mpvue中使用vant时需要注意的onChange事件的坑
最近用了一下Vant Weapp组件库,但是由于我是用mpvue写的,所以自然跟小程序引用不一样,比如我最近引用了vant里面的collapse折叠面板,官网文档里面介绍的使用方法是这样的 1.在 app.json 或 index.json 中引入组件 "usingComponents": { "van-collapse": "path/to/vant-weapp/dist/collapse/...原创 2019-01-19 14:46:33 · 11570 阅读 · 2 评论 -
用mpvue写微信小程序tab栏切换
效果如下图: index.vue <div class="test"> <div class="testNav"> <div :class="{'selected':tab === 1,'testTitle':true}" @click="changTab(1)" &原创 2019-01-15 16:08:33 · 3102 阅读 · 0 评论 -
vue点击展开更多,点击收起
<!-- 休闲娱乐界面 --> <template> <div> <div class="menus"> <div class="menus_item"> <div class="icon_box"> <spa原创 2019-01-31 19:26:20 · 8006 阅读 · 0 评论 -
ios下拉背景图片放大
微信小程序全局关了下拉刷新,但是IOS还是可以下拉,于是产品就有新需求了,类似朋友圈那样的页面,下拉的时候背景图片要跟着放大显示铺满整个下拉背景,文笔不好,直接上关键代码↓ <view class="header"> <image src="{{bgImg}}" style="transform: scale({{scale}}) translateY({{trans...原创 2019-06-13 20:04:58 · 991 阅读 · 0 评论 -
css3完成图片3d立体旋转效果
<view class="cuboidBox"> <view class="cuboidFace frontFace"><image class="mold2_img" src="{{photoImg ? photoImg : 'http://flyclient.heywoodsminiprogram.com/albumImages/matrix/detail...原创 2019-07-22 11:37:19 · 2358 阅读 · 0 评论 -
css水果机媒介查询适配
/*iphobeX、iphobeXS适配*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {} /*iphobeXS Max适配*/ @media only screen and (device-width: 414px) a...原创 2019-08-16 15:01:58 · 139 阅读 · 0 评论