swiper标签是微信小程序中自带的轮播图组件，然我们可以快速的创建一个轮播图，不再需要像在HTML中那样麻烦。 swiper （滑块视图容器，即轮播图容器） 轮播图组件容器。 在此容器中加入轮播的图片，设置部分属性即可完成轮播图的设计，非常方便。下面记录一下各个常用属性及其作用。 注意 下面这些全 ...
分类：
微信 时间：
2020-07-20 20:31:38
阅读次数：
214
1、项目初始 基于vue-cli搭建项目 vue create news-app 页面采用flex布局、样式使用sass 2、首页的搭建 主要包括导航栏，轮播图，及主要新闻的展示 2、点击导航栏可进行不同新闻的切换 通过id的不同获得不同的数据，进行页面渲染，每个页面只展示5条数据，对页面进行分页， ...
分类：
Web程序 时间：
2020-07-20 15:50:35
阅读次数：
169
css样式： <style> * { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px;} ul,li { list-style: none; } a { text-decoration: none; color: black; ...
分类：
其他好文 时间：
2020-07-18 11:26:07
阅读次数：
91
这是swiper专门为了vue开发出的插件，参数基本一样 https://www.swiper.com.cn/ vue中使用 npm install vue-awesome-swiper 组件中引入 import { Swiper, SwiperSlide } from 'vue-awesome-s ...
分类：
其他好文 时间：
2020-07-17 14:02:11
阅读次数：
125
效果预览：https://li_shang_shan.gitee.io/imitated_millet_rotation 源码下载：https://gitee.com/li_shang_shan/imitated_millet_rotation 结构代码如下： <html> <head> <meta ...
分类：
移动开发 时间：
2020-07-17 09:27:28
阅读次数：
118
需求描述 网站头部及特效制作 Logo及搜索区域 导航区域及特效制作 轮播区域及特效制作 应季商品区域及特效 底部区域 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl ...
分类：
其他好文 时间：
2020-07-12 18:34:52
阅读次数：
1245
最近在学JS想做点东西来练练手，上了小米官网，看着他们的图片轮播挺有趣的，想实现一下官网的图片轮播功能： 在官网上观察了一小会，发现这个图会自动轮播，应该是每隔三秒还是四秒就切换到下一张图，然后如果鼠标放到图片上，轮播就结束了；如果手动点下面的li，就会转到对应的图片上去，然后把鼠标从图片中移开，图 ...
分类：
其他好文 时间：
2020-07-10 00:12:55
阅读次数：
116
遇一客户追求高大上界面效果， 看似简单，但程序上实现，可谓酸爽一比 废话不说说，看看效果图吧： 掉了几夜头发之后 分享一波代码实现效果，高手可分享见解谢谢， html部分为： <div id="zbox"> <div class="slides"> <ul> <li><a href="#"><img ...
分类：
其他好文 时间：
2020-07-09 19:30:55
阅读次数：
64
黑马旅游网 <!--采用table来完成布局--> <!--最外层的table，用于整个页面的布局--> <table width="100%" align="center"> <!-- 第1行 --> <tr> <td> <img src="image/top_banner.jpg" width= ...
分类：
Web程序 时间：
2020-07-09 00:36:32
阅读次数：
103
1.Cannot find module 'swiper' 我也就试了下github上的demo啊，哪错了？？ 好的，再去下载swiper，轮播图能显示了 让我们再来试试下面的小点点 不管是 pagination: { el: '.swiper-pagination' } 还是 pagination ...
分类：
其他好文 时间：
2020-07-08 19:31:13
阅读次数：
118
