04 2020 档案

在不单独拿出来封装的情况下全局使用$api
摘要：所有一下均可在man.js中写入; const prePage = ()=>{ let pages = getCurrentPages(); let prePage = pages[pages.length - 2]; // #ifdef H5 return prePage; // #endif r 阅读全文
posted @ 2020-04-17 15:13 Robot666 阅读(443) 评论(3) 推荐(0)
封装一个requestLoadingg组件(针对请求中的出现loading的情况)
摘要：1.其中requestLoading组件内容如下; <template> <!--#ifndef MP-WEIXIN--> <view class="request-loading-view" v-show="loadingShow" @click="closeMask"> <view class= 阅读全文
posted @ 2020-04-16 13:10 Robot666 阅读(1163) 评论(0) 推荐(0)
收起/展开的页面封装
摘要：图片收起和展开页面封装组件 <style lang="scss" scoped> .grid{ padding: 25rpx; background: white; .grid-flex{ display: flex; flex-wrap: wrap; } .grid-item{ width: 14 阅读全文
posted @ 2020-04-02 16:00 Robot666 阅读(263) 评论(0) 推荐(0)
商品序列的轮番滚动展示
摘要：结构布局只要为如下的结构所示; <scroll-view scroll-x class="good-list-content" > <view style="padding-top: 5rpx; white-space: nowrap;"> <view class="good-item" v-for 阅读全文
posted @ 2020-04-02 15:31 Robot666 阅读(176) 评论(0) 推荐(0)
倒计时组件的封装
摘要：uni-ui中也是有类似的插件（电商h5页面经常会用到的），可以根据自身的需求去做相应的改变 https://ext.dcloud.net.cn/search?q=%E5%80%92%E8%AE%A1%E6%97%B6 <template> <view class="uni-countdown" : 阅读全文
posted @ 2020-04-02 15:23 Robot666 阅读(273) 评论(0) 推荐(0)
grid封装
摘要：<style lang="scss" scoped> .grid{ padding: 0 25rpx ; background: white; .grid-flex{ display: flex; flex-wrap: wrap; } .grid-item{ width: 140rpx; displ 阅读全文
posted @ 2020-04-01 18:41 Robot666 阅读(210) 评论(0) 推荐(0)
swiper_banner图的封装
摘要：当然，插件市场也是有类似的封装的 <style lang="scss" scoped> .bg{ background: white; padding: 10rpx 0; } .swiper{ width: 710rpx; height: 220rpx; border-radius:15rpx ; 阅读全文
posted @ 2020-04-01 18:23 Robot666 阅读(270) 评论(0) 推荐(0)
uni-app中封装的search和scroll-view
摘要：uni-app中有横向导航栏和纵向导航栏的插件,如下（实现方式大同小异，看自身习惯程度）： https://ext.dcloud.net.cn/plugin?id=1149 <template><view class="nav"><view class="search-box" @click="to 阅读全文
posted @ 2020-04-01 18:03 Robot666 阅读(636) 评论(0) 推荐(0)