本文(争取做到)Android 最全的底部导航栏实现方法. 现在写了4个主要方法. 还有一些个人感觉不完全切题的方法也会简单介绍一下. 方法一. ViewPager + List<View> + PagerAdapter 先看activity_main.xml [html] view plain c ...
分类:
移动开发 时间:
2020-07-10 15:24:42
阅读次数:
109
最近在学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
自定义组件的意义 大部分的项目都会需要Banner组件,而每个项目在需要Banner功能时我们都需要重复写这些代码, 那么我们可以将其作为自定义组件,在下次使用是直接使用即可。 这也是自定义组件存在的意义:代码复用、降低耦合、便于维护。 在vant-weapp组件库中还没有提供Banner组件,所以 ...
分类:
微信 时间:
2020-07-08 19:30:26
阅读次数:
182
wxml <view class="swiper-view"> <swiper next-margin="100rpx" previous-margin="100rpx" class="swiper_container" vertical="true" autoplay="true" circula ...
分类:
微信 时间:
2020-07-06 19:45:33
阅读次数:
176
另辟蹊径实现轮播图的方法: <!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
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body { margin: 0; padding: 0; font: 1rem "micro-soft Yahei"; } a { text ...
分类:
其他好文 时间:
2020-07-03 19:05:29
阅读次数:
50