摘要:
竖向滚屏,这边是需要提前写css样式,如果不想这么麻烦就是下面的横向写法自动写styledom再append function Walk({ selector, speed = 1, data = [], danweiLucheng, }) { this.dom = document.querySe 阅读全文
摘要:
// visibilityChange事件兼容性写法 var hidden, visibilityChange; if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support 阅读全文
摘要:
TRY... <template> <div class="app-container"> <div class="table-container"> <el-row :gutter="20"> <el-col :span="4"> <div class="drag-from-zone"> <div 阅读全文
摘要:
IntersectionObserver可以监测元素在当前可视窗口的比例,完成实现图片懒加载getBoundingClientRect也是一个很好用查看元素偏移等的API 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title></title> 阅读全文
摘要:
vue项目根据后端返回的路由动态生成并添加 RouterView代码: <template> <router-view></router-view> </template> RouterView只是用来中继子页面,才能让页面保持正常展示 如下图是前端页面文件结构 这是后台配置(URL就是路由路径,也 阅读全文
摘要:
电商后台需求-商品规格组件,参数是我们业务上需要的,不过八九不离十,使用elementUI库写的该组件,组件中的上传图片使用了oss-upload组件(详见另一文:阿里oss上传组件) <template> <div class="sku-list"> <template v-if="!disabl 阅读全文
摘要:
阿里oss上传工具函数,首先需要先安装依赖 npm install ali-oss,还有上传支持压缩使用到了 compressorjs 这个工具库;randomString这个是自写的生成随机字串的函数,用来保证文件名唯一。 1 import OSS from 'ali-oss'; 2 import 阅读全文
摘要:
本文代码只是vue前端组件代码,还需要依赖vuedraggable组件库(支持拖拽排序);还需要ossUpload.js工具函数(详见另外一文:阿里oss上传工具) 该组件写的时候大部分都是参照elementUI的上传组件(其实是本来的业务代码都是通过后端上传,后面领导说要用oss,所以就写了这个组 阅读全文
摘要:
import axios from "axios"; import router from '@/router/index.js'; import { Message } from "element-ui"; import { getToken, removeToken } from '@/util 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>幸运大转盘</title> <style> * { margin: 0; padding: 0; } .container { background-image 阅读全文