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
遇一客户追求高大上界面效果， 看似简单，但程序上实现，可谓酸爽一比 废话不说说，看看效果图吧： 掉了几夜头发之后 分享一波代码实现效果，高手可分享见解谢谢， 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
自定义组件的意义 大部分的项目都会需要Banner组件，而每个项目在需要Banner功能时我们都需要重复写这些代码， 那么我们可以将其作为自定义组件，在下次使用是直接使用即可。 这也是自定义组件存在的意义：代码复用、降低耦合、便于维护。 在vant-weapp组件库中还没有提供Banner组件，所以 ...
分类：
微信 时间：
2020-07-08 19:30:26
阅读次数：
182
另辟蹊径实现轮播图的方法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <! ...
分类：
Web程序 时间：
2020-07-06 10:40:48
阅读次数：
99
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; font-size: 16px; } ul{ list-style: none; margin: 0; paddi ...
分类：
其他好文 时间：
2020-07-04 22:46:43
阅读次数：
77
