hupeng
5 years ago
37 changed files with 1025 additions and 77 deletions
@ -0,0 +1,39 @@
|
||||
import request from '@/utils/request' |
||||
|
||||
export function getPage(query) { |
||||
return request({ |
||||
url: 'api/material/page', |
||||
method: 'get', |
||||
params: query |
||||
}) |
||||
} |
||||
|
||||
export function addObj(obj) { |
||||
return request({ |
||||
url: 'api/material', |
||||
method: 'post', |
||||
data: obj |
||||
}) |
||||
} |
||||
|
||||
export function getObj(id) { |
||||
return request({ |
||||
url: 'api/material/' + id, |
||||
method: 'get' |
||||
}) |
||||
} |
||||
|
||||
export function delObj(id) { |
||||
return request({ |
||||
url: 'api/material/' + id, |
||||
method: 'delete' |
||||
}) |
||||
} |
||||
|
||||
export function putObj(obj) { |
||||
return request({ |
||||
url: 'api/material', |
||||
method: 'put', |
||||
data: obj |
||||
}) |
||||
} |
||||
@ -0,0 +1,39 @@
|
||||
import request from '@/utils/request' |
||||
|
||||
export function getPage(query) { |
||||
return request({ |
||||
url: 'api/materialgroup/page', |
||||
method: 'get', |
||||
params: query |
||||
}) |
||||
} |
||||
|
||||
export function addObj(obj) { |
||||
return request({ |
||||
url: 'api/materialgroup', |
||||
method: 'post', |
||||
data: obj |
||||
}) |
||||
} |
||||
|
||||
export function getObj(id) { |
||||
return request({ |
||||
url: 'api/materialgroup/' + id, |
||||
method: 'get' |
||||
}) |
||||
} |
||||
|
||||
export function delObj(id) { |
||||
return request({ |
||||
url: 'api/materialgroup/' + id, |
||||
method: 'delete' |
||||
}) |
||||
} |
||||
|
||||
export function putObj(obj) { |
||||
return request({ |
||||
url: 'api/materialgroup', |
||||
method: 'put', |
||||
data: obj |
||||
}) |
||||
} |
||||
@ -0,0 +1,66 @@
|
||||
<template> |
||||
<div> |
||||
<el-upload |
||||
:action="uploadApi" |
||||
:headers="headers" |
||||
:on-remove="handleRemove" |
||||
:on-success="handleUploadSuccess" |
||||
:before-remove="beforeRemove" |
||||
:file-list="fileList" |
||||
multiple |
||||
:limit="1" |
||||
> |
||||
<el-button size="small" type="primary">点击上传</el-button> |
||||
</el-upload> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getToken } from '@/utils/auth' |
||||
import { mapGetters } from 'vuex' |
||||
export default { |
||||
data () { |
||||
return { |
||||
resourcesUrl: '', |
||||
headers: { |
||||
'Authorization': getToken() |
||||
} |
||||
} |
||||
}, |
||||
props: { |
||||
value: { |
||||
default: '', |
||||
type: String |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters([ |
||||
'uploadApi' |
||||
]), |
||||
fileList () { |
||||
let res = [] |
||||
if (this.value) { |
||||
res.push({name: this.value, url: this.resourcesUrl + this.value, response: this.value}) |
||||
} |
||||
this.$emit('input', this.value) |
||||
console.log("res"+res) |
||||
return res |
||||
} |
||||
}, |
||||
methods: { |
||||
// 图片上传 |
||||
handleUploadSuccess (response, file, fileList) { |
||||
this.$emit('input', file.response.link) |
||||
}, |
||||
handleRemove (file, fileList) { |
||||
this.$emit('change', file) |
||||
}, |
||||
beforeRemove (file, fileList) { |
||||
return this.$confirm(`确定移除 ${file.name}？`) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
</style> |
||||
@ -0,0 +1,457 @@
|
||||
<template> |
||||
<div v-if="type == 'image'"> |
||||
<ul class="el-upload-list el-upload-list--picture-card" v-for="(item,index) in value" :key="index"> |
||||
<li tabindex="0" class="el-upload-list__item is-ready" :style="'width: '+width+'px;height: '+height+'px'"> |
||||
<div> |
||||
<img :src="item" alt="" class="el-upload-list__item-thumbnail"> |
||||
<span class="el-upload-list__item-actions"> |
||||
<span class="el-upload-list__item-preview" v-if="index != 0" @click="moveMaterial(index,'up')"> |
||||
<i class="el-icon-back"></i> |
||||
</span> |
||||
<span class="el-upload-list__item-preview" @click="zoomMaterial(index)"> |
||||
<i class="el-icon-view"></i> |
||||
</span> |
||||
<span class="el-upload-list__item-delete" @click="deleteMaterial(index)"> |
||||
<i class="el-icon-delete"></i> |
||||
</span> |
||||
<span class="el-upload-list__item-preview" v-if="index != value.length-1" @click="moveMaterial(index,'down')"> |
||||
<i class="el-icon-right"></i> |
||||
</span> |
||||
</span> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div tabindex="0" class="el-upload el-upload--picture-card" v-if="num > value.length" @click="toSeleteMaterial" :style="'width: '+width+'px;height: '+height+'px;'+'line-height:'+height+'px;'"> |
||||
<i class="el-icon-plus"></i> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
append-to-body |
||||
:visible.sync="dialogVisible" |
||||
width="35%"> |
||||
<img :src="url" alt="" style="width: 100%"> |
||||
</el-dialog> |
||||
|
||||
<el-dialog |
||||
title="图片素材库" |
||||
append-to-body |
||||
:visible.sync="listDialogVisible" |
||||
width="70%"> |
||||
<el-container> |
||||
<el-aside width="unset"> |
||||
<div style="margin-bottom: 10px"> |
||||
<el-button |
||||
class="el-icon-plus" |
||||
size="small" |
||||
@click="materialgroupAdd()"> |
||||
添加分组 |
||||
</el-button> |
||||
</div> |
||||
<el-tabs tab-position="left" v-model="materialgroupObjId" v-loading="materialgroupLoading" @tab-click="tabClick"> |
||||
<el-tab-pane v-for="(item,index) in materialgroupList" |
||||
:key="index" |
||||
:name="item.id"> |
||||
<span slot="label"> {{item.name}}</span> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</el-aside> |
||||
<el-main> |
||||
<el-card> |
||||
<div slot="header"> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<span>{{materialgroupObj.name}}</span> |
||||
<span v-if="materialgroupObj.id != '-1'"> |
||||
<el-button size="small" type="text" class="el-icon-edit" style="margin-left: 10px;" @click="materialgroupEdit(materialgroupObj)">重命名</el-button> |
||||
<el-button size="small" type="text" class="el-icon-delete" style="margin-left: 10px;color: red" @click="materialgroupDelete(materialgroupObj)">删除</el-button> |
||||
</span> |
||||
</el-col> |
||||
<el-col :span="12" style="text-align: right;"> |
||||
<el-upload |
||||
:action="uploadApi" |
||||
:headers="headers" |
||||
:file-list="[]" |
||||
:on-progress="handleProgress" |
||||
:before-upload="beforeUpload" |
||||
:on-success="handleSuccess"> |
||||
<el-button size="small" type="primary">点击上传</el-button> |
||||
</el-upload> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
<div v-loading="tableLoading"> |
||||
<el-alert |
||||
v-if="tableData.length <= 0" |
||||
title="暂无数据" |
||||
type="info" |
||||
:closable="false" |
||||
center |
||||
show-icon> |
||||
</el-alert> |
||||
<el-row :gutter="5"> |
||||
<el-checkbox-group v-model="urls" :max="num - value.length"> |
||||
<el-col :span="4" v-for="(item,index) in tableData" :key="index"> |
||||
<el-card :body-style="{ padding: '5px' }"> |
||||
<el-image |
||||
style="width: 100%;height: 100px" |
||||
:src="item.url" |
||||
fit="contain" |
||||
:preview-src-list="[item.url]"></el-image> |
||||
<div> |
||||
<el-checkbox class="material-name" :label="item.url"> |
||||
选择 |
||||
</el-checkbox> |
||||
<el-row> |
||||
<el-col :span="24" class="col-do"> |
||||
<el-button type="text" size="medium" @click="materialDel(item)">删除</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
</div> |
||||
</el-card> |
||||
</el-col> |
||||
</el-checkbox-group> |
||||
</el-row> |
||||
<el-pagination |
||||
@size-change="sizeChange" |
||||
:current-page.sync="page.currentPage" |
||||
:page-sizes="[12, 24]" |
||||
:page-size="page.pageSize" |
||||
layout="total, sizes, prev, pager, next, jumper" |
||||
:total="page.total" |
||||
class="pagination"> |
||||
</el-pagination> |
||||
</div> |
||||
</el-card> |
||||
</el-main> |
||||
</el-container> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="listDialogVisible = false">取 消</el-button> |
||||
<el-button type="primary" @click="sureUrls">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import { getPage as materialgroupPage, addObj as materialgroupAdd, delObj as materialgroupDel, putObj as materialgroupEdit} from '@/api/tools/materialgroup' |
||||
import { getPage , addObj, delObj, putObj} from '@/api/tools/material' |
||||
import { getToken } from '@/utils/auth' |
||||
import { mapGetters } from 'vuex' |
||||
|
||||
export default { |
||||
name: "materialList", |
||||
props: { |
||||
//素材数据 |
||||
value:{ |
||||
type: Array, |
||||
default() { |
||||
return [] |
||||
}, |
||||
}, |
||||
//素材类型 |
||||
type:{ |
||||
type: String, |
||||
}, |
||||
//素材限制数量，默认5个 |
||||
num:{ |
||||
type: Number, |
||||
default() { |
||||
return 5 |
||||
}, |
||||
}, |
||||
//宽度 |
||||
width: { |
||||
type: Number, |
||||
default() { |
||||
return 150 |
||||
} |
||||
}, |
||||
//宽度 |
||||
height: { |
||||
type: Number, |
||||
default() { |
||||
return 150 |
||||
} |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
headers:{ |
||||
Authorization: getToken() |
||||
}, |
||||
dialogVisible: false, |
||||
url: '', |
||||
listDialogVisible: false, |
||||
materialgroupList: [], |
||||
materialgroupObjId: '', |
||||
materialgroupObj: {}, |
||||
materialgroupLoading: false, |
||||
tableData: [], |
||||
page: { |
||||
total: 0, // 总页数 |
||||
currentPage: 1, // 当前页数 |
||||
pageSize: 12, // 每页显示多少条 |
||||
ascs: [],//升序字段 |
||||
descs: 'create_time'//降序字段 |
||||
}, |
||||
tableLoading: false, |
||||
groupId: null, |
||||
urls: [] |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters([ |
||||
'uploadApi' |
||||
]) |
||||
}, |
||||
methods:{ |
||||
moveMaterial(index,type){ |
||||
if(type == 'up'){ |
||||
let tempOption = this.value[index - 1] |
||||
this.$set(this.value, index - 1, this.value[index]) |
||||
this.$set(this.value, index, tempOption) |
||||
} |
||||
if(type == 'down'){ |
||||
let tempOption = this.value[index + 1] |
||||
this.$set(this.value, index + 1, this.value[index]) |
||||
this.$set(this.value, index, tempOption) |
||||
} |
||||
}, |
||||
zoomMaterial(index){ |
||||
this.dialogVisible = true |
||||
this.url = this.value[index] |
||||
}, |
||||
deleteMaterial(index){ |
||||
let that = this |
||||
this.$confirm('是否确认删除？', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}).then(function() { |
||||
that.value.splice(index,1) |
||||
that.urls = [] |
||||
}) |
||||
}, |
||||
toSeleteMaterial(){ |
||||
this.listDialogVisible = true |
||||
if(this.tableData.length <= 0){ |
||||
this.materialgroupPage() |
||||
} |
||||
}, |
||||
materialgroupPage(){ |
||||
this.materialgroupLoading = true |
||||
materialgroupPage({ |
||||
total: 0, // 总页数 |
||||
currentPage: 1, // 当前页数 |
||||
pageSize: 100, // 每页显示多少条 |
||||
ascs: [],//升序字段 |
||||
descs: 'create_time'//降序字段 |
||||
}).then(response => { |
||||
this.materialgroupLoading = false |
||||
let materialgroupList = response.content |
||||
materialgroupList.unshift({ |
||||
id: '-1', |
||||
name: '全部分组' |
||||
}) |
||||
this.materialgroupList = materialgroupList |
||||
this.tabClick({ |
||||
index: 0 |
||||
}) |
||||
}) |
||||
}, |
||||
materialgroupDelete(materialgroupObj){ |
||||
let that = this |
||||
this.$confirm('是否确认删除该分组？', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}).then(function() { |
||||
materialgroupDel(materialgroupObj.id) |
||||
.then(function() { |
||||
that.$delete(that.materialgroupList, materialgroupObj.index) |
||||
}) |
||||
}) |
||||
}, |
||||
materialgroupEdit(materialgroupObj){ |
||||
let that = this |
||||
this.$prompt('请输入分组名', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
inputValue: materialgroupObj.name, |
||||
}).then(({ value }) => { |
||||
materialgroupEdit({ |
||||
id: materialgroupObj.id, |
||||
name: value |
||||
}).then(function() { |
||||
materialgroupObj.name = value |
||||
that.$set(that.materialgroupList, materialgroupObj.index, materialgroupObj) |
||||
}) |
||||
}).catch(() => { |
||||
|
||||
}) |
||||
}, |
||||
materialgroupAdd(){ |
||||
let that = this |
||||
this.$prompt('请输入分组名', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
}).then(({ value }) => { |
||||
materialgroupAdd({ |
||||
name: value |
||||
}).then(function() { |
||||
that.materialgroupPage() |
||||
}) |
||||
}).catch(() => { |
||||
|
||||
}) |
||||
}, |
||||
tabClick(tab,event){ |
||||
this.urls = [] |
||||
let index = Number(tab.index) |
||||
let materialgroupObj = this.materialgroupList[index] |
||||
materialgroupObj.index = index |
||||
this.materialgroupObj = materialgroupObj |
||||
this.materialgroupObjId = materialgroupObj.id |
||||
this.page.currentPage = 1 |
||||
this.page.total = 0 |
||||
if(materialgroupObj.id != '-1'){ |
||||
this.groupId = materialgroupObj.id |
||||
}else{ |
||||
this.groupId = null |
||||
} |
||||
this.getPage(this.page) |
||||
}, |
||||
getPage(page, params) { |
||||
this.tableLoading = true |
||||
getPage(Object.assign({ |
||||
current: page.currentPage, |
||||
size: page.pageSize, |
||||
descs: this.page.descs, |
||||
ascs: this.page.ascs, |
||||
}, { |
||||
groupId: this.groupId |
||||
})).then(response => { |
||||
let tableData = response.content |
||||
this.page.total = response.totalElements |
||||
this.page.currentPage = page.currentPage |
||||
this.page.pageSize = page.pageSize |
||||
this.tableData = tableData |
||||
this.tableLoading = false |
||||
}).catch(() => { |
||||
this.tableLoading=false |
||||
}) |
||||
}, |
||||
sizeChange(val) { |
||||
this.page.currentPage = 1 |
||||
this.page.pageSize = val |
||||
this.getPage(this.page) |
||||
}, |
||||
materialRename(item){ |
||||
let that = this |
||||
this.$prompt('请输入素材名', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
inputValue: item.name, |
||||
}).then(({ value }) => { |
||||
putObj({ |
||||
id: item.id, |
||||
name: value |
||||
}).then(function() { |
||||
that.getPage(that.page) |
||||
}) |
||||
}).catch(() => { |
||||
|
||||
}) |
||||
}, |
||||
materialUrl(item){ |
||||
let that = this |
||||
this.$prompt('素材链接', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
inputValue: item.url, |
||||
}).then(({ value }) => { |
||||
|
||||
}).catch(() => { |
||||
|
||||
}) |
||||
}, |
||||
materialDel(item){ |
||||
let that = this |
||||
this.$confirm('是否确认删除该素材？', '提示', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}).then(function() { |
||||
delObj(item.id) |
||||
.then(function() { |
||||
that.getPage(that.page) |
||||
}) |
||||
}) |
||||
}, |
||||
handleCommand(command) { |
||||
let that = this |
||||
let s = command.split('-') |
||||
putObj({ |
||||
id: s[0], |
||||
groupId: s[1] |
||||
}).then(function() { |
||||
that.getPage(that.page) |
||||
}) |
||||
}, |
||||
handleProgress(event, file, fileList){ |
||||
// let uploadProgress = file.percentage.toFixed(0) |
||||
// this.uploadProgress = uploadProgress |
||||
}, |
||||
handleSuccess(response, file, fileList){ |
||||
let that = this |
||||
this.uploadProgress = 0 |
||||
addObj({ |
||||
type: '1', |
||||
groupId: this.groupId != '-1' ? this.groupId : null, |
||||
name: file.name, |
||||
url: response.link |
||||
}).then(function() { |
||||
that.getPage(that.page) |
||||
}) |
||||
}, |
||||
beforeUpload(file){ |
||||
const isPic = |
||||
file.type === "image/jpeg" || |
||||
file.type === "image/png" || |
||||
file.type === "image/gif" || |
||||
file.type === "image/jpg" |
||||
const isLt2M = file.size / 1024 / 1024 < 2 |
||||
if (!isPic) { |
||||
this.$message.error("上传图片只能是 JPG、JPEG、PNG、GIF 格式!") |
||||
return false |
||||
} |
||||
if (!isLt2M) { |
||||
this.$message.error('上传头像图片大小不能超过 2MB!') |
||||
} |
||||
return isPic && isLt2M |
||||
}, |
||||
sureUrls(){ |
||||
this.urls.forEach(item => { |
||||
this.$set(this.value,this.value.length, item) |
||||
}) |
||||
this.listDialogVisible=false |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.material-name{ |
||||
padding: 8px 0px; |
||||
} |
||||
.col-do{ |
||||
text-align: center; |
||||
} |
||||
.button-do{ |
||||
padding: unset!important; |
||||
font-size: 12px; |
||||
} |
||||
</style> |
||||
|
||||
@ -0,0 +1,171 @@
|
||||
<template> |
||||
<el-row :gutter="10" class="panel-group"> |
||||
<el-col :xs="16" :sm="16" :lg="8" class="card-panel-col"> |
||||
<div class="card-panel"> |
||||
<el-card class="box-card"> |
||||
<div slot="header" class="clearfix"> |
||||
<span style="font-weight: bolder">项目信息</span> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">yshop基于当前流行技术组合的前后端分离商城系统：</span> |
||||
SpringBoot2+Jpa+MybatisPlus+SpringSecurity |
||||
的前后端分离的商城系统， |
||||
包含商城、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员等功能。 |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">技术选型：</span> |
||||
SpringBoot2、mybatis、MyBatis-Plus |
||||
、SpringSecurity、JPA 、Druid 、Slf4j 、Fastjson |
||||
、JWT 、Redis 、Quartz 、Mysql 、swagger 、WxJava |
||||
、Lombok 、Hutool |
||||
、Mapstruct 、Redisson 、Rocketmq |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">QQ群：</span>964166879 |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">gitee：</span><a target="_blank" href="https://gitee.com/guchengwuyue/yshopmall">访问码云</a> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">github：</span><a target="_blank" href="https://github.com/guchengwuyue/yshopmall">访问github</a> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">公众号演示：</span><img width="100" height="100" src="https://image.dayouqiantu.cn/qrcode_for_gh_95df5a2881cc_258.jpg"> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">H5演示：</span><a target="_blank" href="https://h5.dayouqiantu.cn">https://h5.dayouqiantu.cn</a> <br /> |
||||
<span style="font-weight: bolder">H5测试号</span>：hupeng/123456,也可以自行注册 |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</el-col> |
||||
<el-col :xs="16" :sm="16" :lg="8" class="card-panel-col"> |
||||
<div class="card-panel"> |
||||
<el-card class="box-card"> |
||||
<div slot="header" class="clearfix"> |
||||
<span style="font-weight: bolder">开源+VIP说明</span> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">开源版：</span>是整个商城的管理后台（后台已经封装好了图片素材库、编辑器、配置等等组件）， |
||||
它可以用于所有的Web应用程序，如网站商城管理后台，网站会员中心，CMS，CRM，OA等等， |
||||
当然，您也可以对它进行深度定制，以做出更强系统。 |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">VIP版：</span>包括了开源版，还包括了移动端(H5+公众号)、小程序(mpvue)即将发布、移动端API |
||||
</div> |
||||
<div class="text item"> |
||||
1、VIP为终身制、拥有全部源代码及其后续的代码（免费）升级及其技术支持。目前商城优惠券、会员、秒杀、分销、砍价等都已经完成！<br /> |
||||
2、价格：vip会员价218元，当然当前价格是整个价格，后续的系统升级vip价格会有相应的调整的，所以早上车更优惠哦！<br /> |
||||
3、VIP购买淘宝地址：https://item.taobao.com/item.htm?id=607532386325<br /> |
||||
4、加入vip群：931426444,请输入你的淘宝订单编号，即可入群<br /> |
||||
5、群里面获取私服git<br /> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</el-col> |
||||
<el-col :xs="16" :sm="16" :lg="8" class="card-panel-col"> |
||||
<div class="card-panel"> |
||||
<el-card class="box-card"> |
||||
<div slot="header" class="clearfix"> |
||||
<span style="font-weight: bolder">更新日志</span> |
||||
</div> |
||||
<div class="text item"> |
||||
<span style="font-weight: bolder">（2020-01-10）yshop1.8版本 发布更新如下：</span> |
||||
</div> |
||||
<div class="text item"> |
||||
1.新增小程序支付与登录,后台新增小程序跳转页面, |
||||
</div> |
||||
<div class="text item"> |
||||
2.后台新增图片素材管理 |
||||
</div> |
||||
<div class="text item"> |
||||
3.本地上传与七牛云上传合并，修改一个yml即可两者随意切换 |
||||
</div> |
||||
<div class="text item"> |
||||
4.升级swagger-bootstrap,swaager统一配置迁移到common(防止注解冲突) |
||||
</div> |
||||
<div class="text item"> |
||||
5.后台优化操作显示 |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</el-col> |
||||
</el-row> |
||||
</template> |
||||
<script> |
||||
|
||||
</script> |
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
.text { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.item { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.clearfix:before, |
||||
.clearfix:after { |
||||
display: table; |
||||
content: ""; |
||||
} |
||||
.clearfix:after { |
||||
clear: both |
||||
} |
||||
|
||||
.panel-group { |
||||
margin-top: 18px; |
||||
.card-panel-col{ |
||||
margin-bottom: 32px; |
||||
} |
||||
.card-panel { |
||||
height: auto; |
||||
font-size: 12px; |
||||
position: relative; |
||||
overflow: hidden; |
||||
color: #666; |
||||
background: #fff; |
||||
box-shadow: 4px 4px 40px rgba(0, 0, 0, .05); |
||||
border-color: rgba(0, 0, 0, .05); |
||||
.icon-people { |
||||
color: #40c9c6; |
||||
} |
||||
.icon-message { |
||||
color: #36a3f7; |
||||
} |
||||
.icon-money { |
||||
color: #f4516c; |
||||
} |
||||
.icon-shopping { |
||||
color: #34bfa3 |
||||
} |
||||
.card-panel-icon-wrapper { |
||||
float: left; |
||||
margin: 14px 0 0 14px; |
||||
padding: 16px; |
||||
transition: all 0.38s ease-out; |
||||
border-radius: 6px; |
||||
} |
||||
.card-panel-icon { |
||||
float: left; |
||||
font-size: 48px; |
||||
} |
||||
.card-panel-description { |
||||
float: right; |
||||
font-weight: bold; |
||||
margin: 26px; |
||||
margin-left: 0px; |
||||
.card-panel-text { |
||||
line-height: 18px; |
||||
color: rgba(0, 0, 0, 0.45); |
||||
font-size: 16px; |
||||
margin-bottom: 12px; |
||||
} |
||||
.card-panel-num { |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue