移除mongodb 新增前端个人中心管理
This commit is contained in:
WangHao
@ -8,6 +8,7 @@
|
||||
font-size: 22px!important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -20,6 +21,11 @@
|
||||
.sousouright-icon{
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
/*个人中心的导航点击*/
|
||||
.head-tag-button{
|
||||
width: 60%!important;
|
||||
}
|
||||
}
|
||||
|
||||
/* >>> md*/
|
||||
@ -43,6 +49,11 @@
|
||||
/* ipad >>> xs*/
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
/*个人中心的导航点击*/
|
||||
.head-tag-button{
|
||||
width: 95%!important;
|
||||
}
|
||||
|
||||
.transition-box{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -63,23 +63,62 @@ export const constantRoutes = [
|
||||
children:[
|
||||
{
|
||||
path: '/bkindex',
|
||||
component: resolve => require(['../views/system/user/profile/bkindex.vue'], resolve),
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/bkindex.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '个人中心',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
}
|
||||
,
|
||||
},
|
||||
{
|
||||
path: '/importHtml',
|
||||
name: 'importHtml',
|
||||
component: resolve => require(['../views/bookmark/common/ImportHtml.vue'], resolve),
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/ImportHtml.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '导入书签',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/issueLog',
|
||||
name: 'issueLog',
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/issueLog.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '更新日志',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/aboutUs',
|
||||
name: 'aboutUs',
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/aboutUs.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '导入书签',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/exportHtml',
|
||||
name: 'exportHtml',
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/exportHtml.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '备份导出',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/userSettings',
|
||||
name: 'userSettings',
|
||||
component: resolve => require(['../views/bookmark/bkuser/tool/userSettings.vue'], resolve),
|
||||
hidden: true,
|
||||
meta:{
|
||||
title: '用户系统设置',icon:'user',
|
||||
requireAuth: true,//加该字段,表示进入这个路由是需要登录的true
|
||||
},
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
<div class="head-top">
|
||||
<div class="goIndex">
|
||||
<el-page-header @back="goBack" content="">
|
||||
<el-page-header @back="goRouter(9)" content="">
|
||||
</el-page-header>
|
||||
</div>
|
||||
<div style="position: absolute;left: 47.5%;margin-top:-20px">
|
||||
@ -17,15 +17,14 @@
|
||||
|
||||
<div class="head-tag">
|
||||
<div class="mdui-btn-group head-tag-button">
|
||||
<button type="button"
|
||||
class="mdui-btn mdui-color-theme-accent mdui-ripple mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600">
|
||||
个人中心
|
||||
</button>
|
||||
<button type="button" class="mdui-btn mdui-color-theme-accent mdui-ripple">系统设置</button>
|
||||
<button class="mdui-btn mdui-color-theme-accent mdui-ripple">导入书签</button>
|
||||
<button class="mdui-btn mdui-color-theme-accent mdui-ripple">备份导出</button>
|
||||
<button class="mdui-btn mdui-color-theme-accent mdui-ripple">更新日志</button>
|
||||
<button class="mdui-btn mdui-color-theme-accent mdui-ripple">关于我们</button>
|
||||
<!-- <div :class="['classification',property=='0'?' classification-click':'']" @click="showopen(0)"><span>网页</span></div>-->
|
||||
<button @click="goRouter(1)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='1'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">个人中心</button>
|
||||
<button @click="goRouter(2)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='2'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">系统设置</button>
|
||||
<button @click="goRouter(3)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='3'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">导入书签</button>
|
||||
<button @click="goRouter(4)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='4'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">备份导出</button>
|
||||
<button @click="goRouter(5)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='5'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">更新日志</button>
|
||||
<button @click="goRouter(6)" :class="['mdui-btn mdui-color-theme-accent mdui-ripple ',property=='6'?' mdui-btn-active mdui-color-blue-50 mdui-text-color-blue-600':'']">关于我们</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -43,25 +42,79 @@
|
||||
</template>
|
||||
<script>
|
||||
|
||||
import bkindex from "../../system/user/profile/bkindex.vue";
|
||||
import bkindex from "./tool/bkindex.vue";
|
||||
import userAvatar from "../../system/user/profile/userAvatar.vue";
|
||||
export default {
|
||||
name: 'areaTree',
|
||||
components: {bkindex,userAvatar},
|
||||
|
||||
data: function () {
|
||||
return {}
|
||||
return {
|
||||
property:1,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
goRouter(e){
|
||||
var that = this;
|
||||
//样式选中
|
||||
if (0<e&&e<7) {
|
||||
this.property=e;
|
||||
}
|
||||
|
||||
switch (e) {
|
||||
case 9:
|
||||
//全部书签 返回
|
||||
that.$router.push({
|
||||
path: "/content",
|
||||
query: {
|
||||
menuId: 'BOOKMARK'
|
||||
}
|
||||
})
|
||||
break;
|
||||
case 1:
|
||||
//个人信息
|
||||
that.$router.push({
|
||||
path: "/bkindex",
|
||||
})
|
||||
break;
|
||||
case 2:
|
||||
that.$router.push({
|
||||
path: "/userSettings",
|
||||
})
|
||||
break;
|
||||
case 3:
|
||||
that.$router.push({
|
||||
path: "/importHtml",
|
||||
})
|
||||
break;
|
||||
case 4:
|
||||
that.$router.push({
|
||||
path: "/exportHtml",
|
||||
})
|
||||
break;
|
||||
case 5:
|
||||
that.$router.push({
|
||||
path: "/issueLog",
|
||||
})
|
||||
break;
|
||||
case 6:
|
||||
that.$router.push({
|
||||
path: "/aboutUs",
|
||||
})
|
||||
break;
|
||||
default:
|
||||
that.$router.push({
|
||||
path: "/ceshi",
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
|
||||
goBack() {
|
||||
var that = this;
|
||||
//全部书签
|
||||
that.$router.push({
|
||||
path: "/content",
|
||||
query: {
|
||||
menuId: 'BOOKMARK'
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@ -78,6 +131,7 @@
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
|
||||
.goIndex{
|
||||
padding-left: 18px;padding-top: 18px;
|
||||
}
|
||||
@ -91,9 +145,17 @@
|
||||
.head-tag-button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 50%;
|
||||
width: 40%;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.head-tag-button button{
|
||||
border-radius: 3px;
|
||||
font-weight: 600;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
|
||||
.head-top {
|
||||
width: 100%;
|
||||
|
||||
@ -42,7 +42,8 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<el-row >
|
||||
<el-col :xs="{span: 22, push: 1}" :sm="{span: 16, push: 4}" :md="{span: 16, push: 4}" :xl="{span: 12, push: 6}" >
|
||||
<div class="text">
|
||||
<ul>
|
||||
<li>注意事项</li>
|
||||
@ -56,6 +57,8 @@
|
||||
<li>4、支持浏览器的目录结构,本站目录支持无限级别分类</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</div>
|
||||
@ -63,7 +66,7 @@
|
||||
</template>
|
||||
|
||||
<script >
|
||||
import Bkhead from "../../../components/Bkhead";
|
||||
import Bkhead from "../../../../components/Bkhead/index";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
name: "",
|
||||
@ -123,9 +126,8 @@
|
||||
.text{
|
||||
border: #cecece 1px solid;
|
||||
border-radius: 10px;
|
||||
margin: 20px;
|
||||
background-color: #fafcff;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.structure {
|
||||
@ -139,17 +141,12 @@
|
||||
.Import el-button {
|
||||
width: 200px;
|
||||
}
|
||||
ul{
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
li{
|
||||
list-style:none;
|
||||
}
|
||||
.main{
|
||||
|
||||
}
|
||||
.upload-demo{
|
||||
}
|
||||
|
||||
.title {
|
||||
color: red;
|
||||
width: 360px;
|
||||
59
ruoyi-ui/src/views/bookmark/bkuser/tool/aboutUs.vue
Normal file
59
ruoyi-ui/src/views/bookmark/bkuser/tool/aboutUs.vue
Normal file
@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div class="app-container ">
|
||||
<el-row >
|
||||
<el-col :xs="24" :sm="{span: 18, push: 3}" :md="{span: 18, push: 3}" :xl="{span: 18, push: 3}" >
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>关于我们</span>
|
||||
</div>
|
||||
<p class="text item" v-html = 'hello'>
|
||||
|
||||
</p>
|
||||
</el-card>
|
||||
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'areaTree',
|
||||
components: {},
|
||||
|
||||
data: function () {
|
||||
return {
|
||||
hello:' 京东致力于为用户打造极致购物体验。京东是中国消费者信赖的家电购买平台，为大中城市和乡镇市场的消费者提供丰富多元、满足各种个性化需求的高品质家电和一站式优质服务。京东手机与品牌商、运营商保持了长期紧密的合作，共同推动了5G生态发展，为消费者打造一站式购机服务体验。\n' +
|
||||
'\n' +
|
||||
' 京东超市目前已经成为众多知名国际快消品牌的全渠道零售商。京东超市打造的“全城购”项目拓展全渠道业务，已经成功在全国多个城市、区域建立起了完善的全品类即时消费的零售生态。\n' +
|
||||
'\n' +
|
||||
' 全品类发展的京东生鲜通过七鲜超市、七鲜生活等业态，线上线下相结合，为消费者创造最佳体验。\n' +
|
||||
'\n'
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -16,25 +16,33 @@
|
||||
<div class="pull-right">{{ user.userName }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<svg-icon icon-class="phone" />手机号码
|
||||
<svg-icon icon-class="phone" />绑定手机
|
||||
<div class="pull-right">{{ user.phonenumber }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<svg-icon icon-class="email" />用户邮箱
|
||||
<svg-icon icon-class="email" />绑定邮箱
|
||||
<div class="pull-right">{{ user.email }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<svg-icon icon-class="tree" />所属部门
|
||||
<div class="pull-right" v-if="user.dept">{{ user.dept.deptName }} / {{ postGroup }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<svg-icon icon-class="peoples" />所属角色
|
||||
<svg-icon icon-class="peoples" />身份角色
|
||||
<div class="pull-right">{{ roleGroup }}</div>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<svg-icon icon-class="date" />创建日期
|
||||
<svg-icon icon-class="date" />注册日期
|
||||
<div class="pull-right">{{ user.createTime }}</div>
|
||||
</li>
|
||||
<!-- <li class="list-group-item">-->
|
||||
<!-- <svg-icon icon-class="date" />上次登陆时间-->
|
||||
<!-- <div class="pull-right">{{ user.login_date }}</div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li class="list-group-item">-->
|
||||
<!-- <svg-icon icon-class="date" />上次登陆IP-->
|
||||
<!-- <div class="pull-right">{{ user.login_ip }}</div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li class="list-group-item">-->
|
||||
<!-- <svg-icon icon-class="date" />登陆账号-->
|
||||
<!-- <div class="pull-right">{{ user.user_name }}</div>-->
|
||||
<!-- </li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
@ -59,9 +67,9 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import userAvatar from "./userAvatar";
|
||||
import userInfo from "./userInfo";
|
||||
import resetPwd from "./resetPwd";
|
||||
import userAvatar from "../../../system/user/profile/userAvatar";
|
||||
import userInfo from "../../../system/user/profile/userInfo";
|
||||
import resetPwd from "../../../system/user/profile/resetPwd";
|
||||
import { getUserProfile } from "@/api/system/user";
|
||||
|
||||
export default {
|
||||
33
ruoyi-ui/src/views/bookmark/bkuser/tool/exportHtml.vue
Normal file
33
ruoyi-ui/src/views/bookmark/bkuser/tool/exportHtml.vue
Normal file
@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<div class="app-container ">
|
||||
<el-row :gutter="20" >
|
||||
<el-col :xs="24" :sm="{span: 16, push: 4}" :md="{span: 14, push: 5}" :xl="{span: 10, push: 7}" >
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>备份导出</span>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-group list-group-striped">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'areaTree',
|
||||
components: {},
|
||||
|
||||
data: function () {
|
||||
return {}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
67
ruoyi-ui/src/views/bookmark/bkuser/tool/issueLog.vue
Normal file
67
ruoyi-ui/src/views/bookmark/bkuser/tool/issueLog.vue
Normal file
@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<div class="app-container ">
|
||||
<el-row :gutter="20" >
|
||||
<el-col :xs="24" :sm="{span: 16, push: 4}" :md="{span: 14, push: 5}" :xl="{span: 10, push: 7}" >
|
||||
<div class="block">
|
||||
<el-timeline>
|
||||
<el-timeline-item timestamp="2018/4/12" placement="top">
|
||||
<el-card>
|
||||
<h4>V1.5 更新日志</h4>
|
||||
<ul>
|
||||
<li>新增IE浏览器版本过低提示页面</li>
|
||||
<li>新增详细信息tab页签方式</li>
|
||||
<li>新增解锁屏幕打开上次页签</li>
|
||||
<li>数据监控默认账户密码防止越权访问</li>
|
||||
<li>新增表格示例（导出选择列）</li>
|
||||
<li>个人信息添加手机&邮箱重复验证</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2018/4/3" placement="top">
|
||||
<el-card>
|
||||
<h4>V1.4 更新日志</h4>
|
||||
<ul>
|
||||
<li>个人中心刷新后样式问题</li>
|
||||
<li>操作日志返回参数添加非空验证</li>
|
||||
<li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
|
||||
<li>子表模板默认日期格式化</li>
|
||||
<li>代码生成预览语言根据后缀名高亮显示</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2018/4/2" placement="top">
|
||||
<el-card>
|
||||
<h4>V1.3 更新日志</h4>
|
||||
<ul>
|
||||
<li>代码生成主子表相同字段导致数据问题</li>
|
||||
<li>升级SpringBoot到最新版本2.2.13</li>
|
||||
<li>升级shiro到最新版1.7.1 阻止身份认证绕过漏洞</li>
|
||||
<li>升级bootstrapTable到最新版本v1.18.2</li>
|
||||
<li>升级bootstrapTable相关组件到最新版本v1.18.2</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'areaTree',
|
||||
components: {},
|
||||
|
||||
data: function () {
|
||||
return {}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
33
ruoyi-ui/src/views/bookmark/bkuser/tool/userSettings.vue
Normal file
33
ruoyi-ui/src/views/bookmark/bkuser/tool/userSettings.vue
Normal file
@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<div class="app-container ">
|
||||
<el-row :gutter="20" >
|
||||
<el-col :xs="24" :sm="{span: 16, push: 4}" :md="{span: 14, push: 5}" :xl="{span: 10, push: 7}" >
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>系统设置</span>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-group list-group-striped">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'areaTree',
|
||||
components: {},
|
||||
|
||||
data: function () {
|
||||
return {}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -37,6 +37,7 @@
|
||||
<div class="header-list">
|
||||
<el-dropdown trigger="click" size="small" :hide-on-click="false">
|
||||
<span class="el-dropdown-link">
|
||||
|
||||
<el-avatar :size="28"
|
||||
src="https://up.raindrop.io/collection/templates/social-media-logos-6/97social.png"></el-avatar>
|
||||
</span>
|
||||
@ -225,6 +226,7 @@
|
||||
<script>
|
||||
|
||||
import {listMenuByUserId} from "@/api/bookmark/menu";
|
||||
import { getUserProfile } from "@/api/system/user";
|
||||
import Treeselect from "@riophae/vue-treeselect";
|
||||
import BookmarkOne from "../../../components/BookmarkList";
|
||||
import TinyMceEdit from "../common/nqEdit";
|
||||
@ -354,6 +356,7 @@
|
||||
|
||||
Ueditor:undefined,//点击的编辑器文章id
|
||||
noteId:undefined, //点击的noteId
|
||||
user:'',//登陆的用户信息
|
||||
|
||||
|
||||
|
||||
@ -422,6 +425,8 @@
|
||||
window.addEventListener('resize', this.getHeight);
|
||||
this.getHeight()
|
||||
|
||||
//获取当前的用户信息
|
||||
this.getUser();
|
||||
|
||||
},
|
||||
mounted() {
|
||||
@ -429,6 +434,14 @@
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
getUser() {
|
||||
getUserProfile().then(response => {
|
||||
this.user = response.data;
|
||||
this.roleGroup = response.roleGroup;
|
||||
this.postGroup = response.postGroup;
|
||||
});
|
||||
},
|
||||
closeIsMain(){
|
||||
this.asideHeight.width="100%!important"
|
||||
this.isMain=false;
|
||||
@ -855,6 +868,8 @@
|
||||
that.noteId=noteId; //点击的noteId
|
||||
break;
|
||||
default:
|
||||
/**网页新窗口打开*/
|
||||
window.open(url);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -71,13 +71,6 @@
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -94,7 +87,15 @@
|
||||
data: function () {
|
||||
return {}
|
||||
},
|
||||
methods: {}
|
||||
methods: {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
document.querySelector('body').setAttribute('style', 'background-color:#f6f5f4')
|
||||
},
|
||||
beforeDestroy() {
|
||||
document.querySelector('body').removeAttribute('style')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
@ -42,6 +42,14 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<span class="demonstration">默认 Hover 指示器触发</span>
|
||||
<el-carousel height="150px">
|
||||
<el-carousel-item v-for="item in 4" :key="item">
|
||||
<h3 class="small">{{ item }}</h3>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</el-aside>
|
||||
</transition>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user