ul{ padding: 0; margin: 0; } .swipper { width: 50%; background-color: #99a9bf; position: relative; overflow: hidden; .swipper-item { top:0; left: 0; p ...
                            
                            
                                分类:
其他好文   时间:
2020-06-24 22:01:21   
                                阅读次数:
221
                             
                         
                    
                        
                            
                            
                                    import React, { useState, useEffect, useRef } from "react"; import "./swipper.less"; export default function Swipper(props) { const swipperStyle = { h ...
                            
                            
                                分类:
其他好文   时间:
2020-06-24 21:35:20   
                                阅读次数:
69
                             
                         
                    
                        
                            
                            
                                    前言 BootStrap4作为最出色的前端响应式框架之一,能够根据不同的设备,调整页面显示效果。但是,仅仅依靠调整原有元素的大小、排列,很难有好的呈现效果和用户体验。因此对于电脑及手机端用户,要根据设备的不同适当更换页面的内容,来达到更好的页面呈现效果及用户体验。 案例 先来看一个小案例,这是同一个 ...
                            
                            
                                分类:
其他好文   时间:
2020-06-23 15:21:19   
                                阅读次数:
65
                             
                         
                    
                        
                            
                            
                                16 前端项目搭建 1 创建项目 cd 项目目录下 vue init webpack 项目名 运行项目: npm run dev 也可以在pycharm中运行。 如果,多个Vue项目在运行,8080端口被占用,服务器会自动改端口 2 初始化项目 将HelloWorld.vue 删除,清除APP.vu ...
                            
                            
                                分类:
其他好文   时间:
2020-06-22 23:01:06   
                                阅读次数:
50
                             
                         
                    
                        
                            
                            
                                    1.轮播图效果 1.在后端开发获取banner的api: 1.在后端项目NewCenter/apps/user_operations/views.py中开发获取片区banner图的视图: from django.shortcuts import render,HttpResponse from re ...
                            
                            
                                分类:
移动开发   时间:
2020-06-21 09:56:16   
                                阅读次数:
102
                             
                         
                    
                        
                            
                            
                                    Slick.js使用方法(个人总结) 相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅 官方参数介绍:官方地址 参数 类型 默认值 描述 accessibility 布尔值 TRUE 启用Tab键和箭头键导航 adaptiveHeight 布尔值 F ...
                            
                            
                                分类:
Web程序   时间:
2020-06-18 22:08:22   
                                阅读次数:
381
                             
                         
                    
                        
                            
                            
                                    官方文档 一、vue的起步 创建实例化对象: <div id='app'> <h3>{{xx}}</h3> </div> <script src="./js/vue.js"></script> <script> // 使用vue第一步,创建vue实例对象 var app = new Vue({ el ...
                            
                            
                                分类:
其他好文   时间:
2020-06-18 19:31:05   
                                阅读次数:
41
                             
                         
                    
                        
                            
                            
                                为了软件美观,需要添加一些动画效果,一般呢是使用GIF控件去实现,但是实际上gif控件的效果不是很好,于是UI提供了另一种方案,图片轮播。 一开始单开一个线程,添加了一个Label控件,使用SetBkImage的方法进行轮播,但是不知道为什么,动画效果并没有体现出来,只是一个静态图。 于是我想到了另 ...
                            
                            
                                分类:
其他好文   时间:
2020-06-09 16:39:58   
                                阅读次数:
64
                             
                         
                    
                        
                            
                            
                                    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/bootstrap-3.3.7-dist/bootstrap ...
                            
                            
                                分类:
其他好文   时间:
2020-06-09 14:25:12   
                                阅读次数:
56
                             
                         
                    
                        
                            
                            
                                    案例 代码 window.addEventListener('load', function() { // 1 获取元素 var arrow_l = document.querySelector('.arrow-l'); var arrow_r = document.querySelector('. ...
                            
                            
                                分类:
其他好文   时间:
2020-06-07 21:14:29   
                                阅读次数:
70