1. 创建子组件swiper-tab-head.vue 2. 剪切vue代码和css代码 vue代码： <template> <view class="uni-tab-bar"> <!-- 横向滚动布局 --> <scroll-view scroll-x class="uni-swiper-tab" ...
分类：
其他好文 时间：
2020-04-07 22:51:04
阅读次数：
129
效果图 src/components/scroll/index.vue <template> <!-- 通过ref可以获取到dom对象 --> <swiper class="swiper" :options="swiperOption" ref="swiper"> <div class="mine- ...
分类：
其他好文 时间：
2020-04-06 20:53:01
阅读次数：
72
效果图 src/components/scroll/index.vue <template> <swiper class="swiper" :options="swiperOption"> <swiper-slide> <!-- 所有内容放在插槽里 --> <slot></slot> </swipe ...
分类：
其他好文 时间：
2020-04-06 13:54:09
阅读次数：
214
<!-- 下面俩行代码就是解决异步加载数据导致swiper不轮播的关键 --> observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper ———————————————— ...
分类：
Web程序 时间：
2020-04-06 11:27:15
阅读次数：
162
接上篇 https://www.cnblogs.com/chenyingying0/p/12635080.html 上拉加载更多 base/scroll/index.vue <template> <!-- wiper会实例化构造函数，生成swiper实例 --> <!-- ref="swiper"能 ...
分类：
移动开发 时间：
2020-04-05 00:13:03
阅读次数：
104
vue使用 vue-awesome-swiper制作轮播图。 1.访问github，搜索vue-awesome-swiper，查看用法。 第一个坑：github居然访问不了。 解决办法：参考别人 https://www.cnblogs.com/Owen-ET/p/10868620.html 其实访不 ...
分类：
其他好文 时间：
2020-04-04 09:25:36
阅读次数：
350
当然，插件市场也是有类似的封装的 <style lang="scss" scoped> .bg{ background: white; padding: 10rpx 0; } .swiper{ width: 710rpx; height: 220rpx; border-radius:15rpx ; ...
分类：
其他好文 时间：
2020-04-01 19:38:42
阅读次数：
121
// 引入swiper组件 import Swiper from "swiper"; import "swiper/dist/css/swiper.min.css"; <div class="tuimg"> <!-- swiper --> <div class="swiper-container"> ...
分类：
其他好文 时间：
2020-04-01 14:53:41
阅读次数：
63
一、效果图查看 二、代码 2.1 vue代码 代码： <view class="uni-tab-bar"> <!-- 横向滚动布局 --> <scroll-view scroll-x class="uni-swiper-tab"> <!-- 导航栏的一个块 --> <block v-for="(ta ...
分类：
其他好文 时间：
2020-03-31 23:04:53
阅读次数：
87
任何一个JS插件，都可以看做是一个组件。 组件包含三种东西：HTML布局，CSS样式表，JS代码。 组件使用的时候：要也是要注意三个东西 一.html布局。 通过HTML结构分析，来快速的了解，插件的html布局。 1.HTML一般只有两种结构，父子结构，兄弟结构。 2.分析层数，分析出最精简的结构 ...
分类：
Web程序 时间：
2020-03-27 21:51:24
阅读次数：
125
