编辑 form,继承添加的form 视图 @bp.route('/ubanners/', methods=['POST'])@login_required@permission_required(CMSPersmission.POSTER)def ubanners(): """ 修改banner " ...
分类:
其他好文 时间:
2019-12-01 16:48:45
阅读次数:
82
功能描述: 自动无缝轮播图片,底部小圆点跟图片保持一致;手指左右移动轮播图,移动距离大于50px播放下一张(或上一张),小于50px则回弹 具体功能实现: 1.定时器 自动轮播图片 先声明一个index=0用来存图片索引; 添加一个定时器,每隔两秒调用一次,每调用一次定时器(图片播放一次)index ...
分类:
移动开发 时间:
2019-12-01 13:51:37
阅读次数:
125
通过上篇文章 "全栈项目|小书架|微信小程序 首页水平轮播实现" 我们实现了前端(小程序)效果图的展示,这篇文章来介绍服务器端的实现。 首页书籍信息 先来回顾一下首页书籍都有哪些信息: 从下面的图片可以看出目前一本图书信息主要有: 图片字段 名称字段 作者字段 出版社字段 除了以上前端页面中可见的信 ...
分类:
Web程序 时间:
2019-12-01 11:33:58
阅读次数:
161
把base模板分为左右两块版心 .main-container{ /*整体版心*/ width: 990px; margin: 0 auto; overflow: hidden;}.lg-container{ /*左侧版心*/ width: 730px; float: left;}.sm-conta ...
分类:
其他好文 时间:
2019-11-30 19:30:13
阅读次数:
95
//图片public class PhotoViewPager extends ViewPager { public PhotoViewPager(@NonNull Context context) { this(context, null); } public PhotoViewPager(@No ...
分类:
其他好文 时间:
2019-11-30 15:21:00
阅读次数:
132
一、html和css部分代码 设计的框架为: 一个大的div用来显示图片(共四张图片),这个大的div中包含两个箭头,用来切换图片,向左或向右; 然后底部有四个小的div用来对应每张图片; html和css效果图: 代码: 1 <!DOCTYPE html> 2 <html> 3 <head lan ...
分类:
编程语言 时间:
2019-11-29 23:56:19
阅读次数:
891
之前面试被问到这个问题,之前都是随便找大神插件,知道怎么去做,但是一直没实现过。 无缝轮播的原理 在滚动层前后分别插入最后一个元素和最前面一个元素,然后在动画滚到最后或者最前的时候,初始化滚动层的位置样式,速度很快,无法察觉,就如同无缝一般。 html片段 <div class="wrap"> <u ...
分类:
其他好文 时间:
2019-11-29 15:34:09
阅读次数:
74
轮播页面的构成: 页面中间有多个同样大小的图片,在图片群的左右两侧有左右方向播动的可点击钮,图片群就会往左侧翻转,并且在最后一张图片的时候,第一张图片就会继续出现在最后一张图片,属于无裂痕翻转。 右侧按钮也是同样。 实现逻辑: 左侧按钮,通过获取图片所在上一级(父级)目录,对出现在最左侧的第一个ch ...
分类:
其他好文 时间:
2019-11-29 10:43:19
阅读次数:
66
仿小米首页轮播图(注意事项) 布局部分 1、用ul包裹li再包裹a的形式来装图片,建立focus类; 2、移动的时候是装着焦点图的ul来移动 + ul里的所有li横着摆放,ul的长度可以很大,装着ul的盒子宽高和图片一样大再 即可; + 可在js里动态生成下面的索引小圆点,这样可根据焦点图数量自动调 ...
分类:
Web程序 时间:
2019-11-27 12:13:06
阅读次数:
175
1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型”概念,通过定义一系列与盒子相关的属性, ...
分类:
Web程序 时间:
2019-11-25 20:21:46
阅读次数:
186