自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue 利用 计算属性computed 实现轮播图 上一页 和下一页功能

vue 利用 计算属性computed 实现轮播图 上一页 和下一页功能1.页码   <ul class="slide-pages"> <li @click="goPage(prevIndex)"><</li> <li v-for="(item,index) in slides" :key=&

2018-08-31 12:21:38 1446

原创 vue自我学习笔记——————vue-cli 生成的项目中使用sass

如何在vue-cli 生成的项目中使用sass    1.首先下载npm i -D sass-loader style-loader css-loader node-sass    package.json的目录    2.找到项目中build 文件下的webpack.base.config.js          如下所示,添加{ test: /\.scss$/, loa...

2018-06-27 11:44:33 1902

原创 vue 如何实现锚点

    最近遇到一个需求,进入页面,滚动到锚点位置。如何实现?在router文件下的index.js中配置:1.配置2.路由跳转3.设置锚点最后,我遇到了一个问题,你npm run build 生成项目后测试,第一次进入成功,然后在页面中操作一波,刷新,网页打开失败,显示找不到资源。(不知别人有没有遇到过)解决方案:将router文件夹下index.js中的mode:"history" 注释掉。...

2018-06-22 17:34:26 6512 1

原创 vue-cli 打包后自定义动画未执行

在vue项目中,想实现无缝向上滚动的自定义动画效果webpack 打包后动画未执行,就是你npm run build生成的dist中动画未生效@-webkit-keyframes move { 0%{ top:0; } 100% { top:-500px; } } 解决方法:在vue项目中找到buil...

2018-05-31 16:48:59 1936 3

原创 vue-cli 引入mui时,生成项目mui的字体无法显示

vue-cli 引入mui时,生成项目mui的字体无法显示解决方法:1.使用vue-cli生成的项目,需要找到build文件下的util.js文件                2.添加publishPath:'../../'                成功时效果图:                ...

2018-05-28 11:10:51 1713 2

原创 vue-cli 打包时出现的错误

building for production...Error processing file: static/css/app.36864bcdcb0e1117ee302ffebb939a36.css(node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcs...

2018-05-28 10:42:55 9307 8

原创 点击底部箭头,回到顶部功能的实现

点击底部箭头,回到顶部功能的实现 <div class="top-to-page"> <a href="#top" class="scroll"> </a> </div>.scroll { width: 48px; height: 48px; border: none; disp

2018-05-14 13:06:45 1548

原创 网页一键分享功能的实现

一键分享功能的实现 <span class="share">一键分享 <div style="display: none;background:#E9EBEA" class="share_content"> <!-- baidu Button BEGIN --> <div class=&am

2018-05-14 09:18:51 7489 5

原创 bootstrap-paginator使用简单案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met

2018-05-11 16:31:08 1260

原创 ueditor使用demo

<script type="text/javascript" charset="utf-8" src="./lib/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="./lib/ueditor/ue

2018-05-11 16:18:49 2260 1

原创 点击电话号码,弹出呼叫框

a标签电话功能:<a href="tel:9999999" ></a>

2018-05-11 16:14:45 3902

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除