- 博客(11)
- 收藏
- 关注
RSS订阅原创 vite 适配 lib-flexible+postcss-pxtorem
2 ，在src下创建utils文件夹，文件夹下创建rem.js。4，在根目录下创建 postcss.config.cjs。5，重新启动项目就可以直接把px改为rem。3,在min.js 引入rem.js。
2022-11-10 18:50:35
959
1
原创 vue中实现带缩略图得轮播图（vue-awesome-swiper）
1.引入swiper和vue-awesome-swiper插件npm install swiper@4 --savenpm install vue-awesome-swiper@3 --save2.在main.js中引入：import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) import '../node_modules/swiper/dist/css/swiper.css'3.使用：tem
2022-02-10 17:35:03
2572
3
原创 Vue中左右循环滚动文字或图片
<template> <div class="bottom_zj"> <div ref="innerref" class="outer-box" @mouseenter="mouseenter" @mouseleave="mouseleave" > <div ref="innerref1" class="inner-box1"> <
2021-09-24 10:41:51
1926
原创 完美解决IE浏览器下下载功能
type: 1 或 2（ 用于判断传入的是地址还是canvas对象 ）data: type = 1 时传入文件地址； type = 2 时传入一个canvas对象（ 配合html2canvas使用 ）name: 下载图片默认文件名（ type = 1 时设置’'为地址默认文件名, type = 2 时 name 不能为空 ）注：name 参数虽然只有在下载文件类型为图片时生效，但为避免出错都需要传入一个值例：download(1, url, ‘’) 或 download(2, canvas对象, ‘
2021-06-28 12:20:12
537
原创 IE浏览器PDF展示，禁止下载，禁止打印，禁止另存，禁止复制完美解决
1，IE浏览器下使用PDFObject，需求是只能预览不能下载不能另存及打印和复制， <template> <div id="ensur"> </div></template>const { PDFObject } =require('../../../assets/js/PDFObject/pdfobject.js') var options = { height: "10...
2021-06-25 18:24:30
5799
原创 vue 文本超出展开收缩展示
<template> <div> <div class="intro"> <div class="container" ref="index" :class="fold ? 'fold' : 'unfold'" v-if="imgobj.intro !== ''" > <label &.
2020-07-29 17:29:24
317
原创 vue项目图片下载到本地
<template> <div> <div v-for="(item, index) in codeImg" :key="item.id"> <img :src="item.path" title="点击查看大图" alt="" /> </div> <div class="it...
2020-07-29 14:00:06
288
原创 vuejs实现倒计时（IE浏览器下倒计时显示NaN的问题）
<template> <div class="add"> <span>{{ hr }}小时{{ min }}分{{ sec }}秒</span> </div></template>export default{mouted(){ this.timesdown()},data(){ return{ day: 0, hr: 0, min: ...
2020-06-22 18:29:56
512
原创 基于vue的echarts北京3D地图
3D地图图表效果如下:第一步：下载echartsnpm install echarts --save-dev第二步：在main.js中全局引入import echarts from 'echarts'Vue.prototype.$echarts = echarts第三步，建立echarts组件<template> <div id="app...
2020-03-19 16:07:20
2255
6
原创 行内元素以及块级元素如何居中？
行内元素如何居中？行内元素用text-align:center;块级元素如何居中？第一用 margin:0 auto;第二用定位：position: absolute; left:50%; right: 50%; transform: translate(-50%)结果如下：第三用浮动：f...
2019-05-26 00:13:47
1826
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人