添加：添加典藏室相关内容
This commit is contained in:
parent
43d9b59def
commit
4f84265dae
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
|
|
@ -10368,7 +10368,16 @@ const routes = [
|
|||
foot: true
|
||||
}
|
||||
},
|
||||
|
||||
// 典藏室
|
||||
{
|
||||
path: "/member/collection_room",
|
||||
name: "collection_room",
|
||||
component:()=>import("../views/member/collection_room/index"),
|
||||
meta: {
|
||||
title: "典藏室",
|
||||
foot: true
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,159 @@
|
|||
<template>
|
||||
<div id="collectionRoomIndex">
|
||||
<!--标题-->
|
||||
<c-title :hide="false" text="典藏室" tolink="detailed"></c-title>
|
||||
<!--具体内容-->
|
||||
<div class="mainContent">
|
||||
<!--顶部图片-->
|
||||
<div class="top-image">
|
||||
<img class="top-image-content" :src="set.top_thumb" />
|
||||
</div>
|
||||
<!--收藏品列表-->
|
||||
<div class="draw-list" v-if="set.collection_room_id > 0">
|
||||
<div class="draw-box imitation">
|
||||
<div class="status">
|
||||
<img class="status-img" src="../../../assets/up-down.png" />交付中
|
||||
</div>
|
||||
<img class="draw-box-img" :src="set.imitation" />
|
||||
<div class="text-content">
|
||||
<div class="title">{{ set.title || '熊猫字画' }}</div>
|
||||
<div class="number" v-if="set.unique_number > 0">编号:{{ set.unique_number }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="draw-box collection">
|
||||
<div class="status">
|
||||
<img class="status-img" src="../../../assets/up-down.png" />交付中
|
||||
</div>
|
||||
<img class="draw-box-img" :src="set.collection" />
|
||||
<div class="text-content">
|
||||
<div class="title">{{ set.title || '熊猫字画' }}</div>
|
||||
<div class="number" v-if="set.unique_number > 0">编号:{{ set.unique_number }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
set:{}
|
||||
};
|
||||
},
|
||||
activated() {
|
||||
this.getSet();
|
||||
},
|
||||
methods: {
|
||||
// 数据获取
|
||||
getSet() {
|
||||
let _this = this;
|
||||
$http.get("plugin.collection-room.api.index.index", {}, "加载中...").then(
|
||||
(response) => {
|
||||
if (response.result == 1) _this.set = response.data;
|
||||
else _this.$dialog.alert({ message: response.msg });
|
||||
},
|
||||
function(response) {
|
||||
_this.$dialog.alert({ message: response.msg });
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
#collectionRoomIndex {
|
||||
width: 100vw;
|
||||
.mainContent {
|
||||
width: 100vw;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
.top-image{
|
||||
width: 100vw!important;
|
||||
display: inline-flex;
|
||||
.top-image-content{
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
.draw-list{
|
||||
width: 100vw!important;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
background: #FFFFFF;
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.draw-box{
|
||||
--draw-box-size-: calc((100vw - 55px) / 2);
|
||||
width: var(--draw-box-size-);
|
||||
margin-bottom: 15px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.13);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.status{
|
||||
background: linear-gradient(95deg, #f8f8f8, #c9c4bf);
|
||||
border-radius: 50px;
|
||||
height: 23px;
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: 70px;
|
||||
font-size: 14px;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.status-img{
|
||||
width: 14px!important;
|
||||
//height: 15px!important;
|
||||
margin: 0 3px 0 0!important;
|
||||
}
|
||||
}
|
||||
.draw-box-img{
|
||||
width: var(--draw-box-size-);
|
||||
height: var(--draw-box-size-);
|
||||
}
|
||||
.text-content{
|
||||
padding: 10px 5px;
|
||||
text-align: left;
|
||||
.title{
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 1px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
.number{
|
||||
background: url('../../../assets/number-icon.png') no-repeat;
|
||||
background-size: 115px auto;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -112,7 +112,7 @@ module.exports = {
|
|||
},
|
||||
proxy: {
|
||||
"/addons/yun_shop/api.php": {
|
||||
target: "https://bztang.cdlfjy.com/", //目标接口域名
|
||||
target: "https://testbzt.cdlfjy.com/", //目标接口域名bztang.cdlfjy.com testbzt.cdlfjy.com
|
||||
changeOrigin: true, //是否跨域
|
||||
secure: false
|
||||
// pathRewrite: {
|
||||
|
|
|
|||
Loading…
Reference in New Issue