优化管理平台移动端楼层装修样式以及默认属性

master
lemon橪 2021-05-14 17:48:41 +08:00
parent b6b45926f9
commit 66ac29de48
7 changed files with 237 additions and 284 deletions

BIN
manager/src/assets/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 676 B

View File

@ -23,10 +23,10 @@ export default {
manager: 'https://admin-api.pickmall.cn' manager: 'https://admin-api.pickmall.cn'
}, },
api_prod: { api_prod: {
common: 'http://127.0.0.1:8890', common: 'https://common-api.pickmall.cn',
buyer: 'http://127.0.0.1:8888', buyer: 'https://buyer-api.pickmall.cn',
seller: 'http://127.0.0.1:8889', seller: 'https://store-api.pickmall.cn',
manager: 'http://127.0.0.1:8887' manager: 'https://admin-api.pickmall.cn'
}, },
/** /**
* @description api请求基础路径前缀 * @description api请求基础路径前缀

View File

@ -4,17 +4,17 @@
export const btnWay = [ export const btnWay = [
{ {
img: "https://shopro-1253949872.file.myqcloud.com/uploads/20200704/8153f1d85f462b277d024baf812814a6.png", img: require('@/assets/icon.png'),
title: "", title: "",
size:"80*80" size:"80*80"
}, },
{ {
img: "https://shopro-1253949872.file.myqcloud.com/uploads/20200704/c72f2c4f452d72e4ad82f38c72911ce4.png", img: require('@/assets/icon.png'),
title: "", title: "",
size:"80*80" size:"80*80"
}, },
{ {
img: "https://shopro-1253949872.file.myqcloud.com/uploads/20200704/875dd6d2b1980dbccbec0895f757cdff.png", img: require('@/assets/icon.png'),
title: "", title: "",
size:"80*80" size:"80*80"
}, },

View File

@ -1,18 +1,13 @@
import * as API_Other from "@/api/other";
import * as API_Other from '@/api/other'
// 获取楼层装修信息 // 获取楼层装修信息
export function initData(id) { export function initData(id) {
API_Other.getHomeData(id).then(res => { API_Other.getHomeData(id).then(res => {
homeData = res;
homeData = res });
})
} }
export let homeData = {};
export let homeData ={}
/** /**
* drawer:true 广告右侧打开抽屉中显示 * drawer:true 广告右侧打开抽屉中显示
@ -31,7 +26,6 @@ export const modelData = [
close: true, close: true,
options: { options: {
list: [ list: [
{ {
img: "https://i.loli.net/2020/12/05/fKH4CwImpbuD5Xj.png", img: "https://i.loli.net/2020/12/05/fKH4CwImpbuD5Xj.png",
url: "", url: "",
@ -45,12 +39,11 @@ export const modelData = [
size: "750*350" size: "750*350"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/ZlzcCdnpejtN9gL.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/343e226d0d2e2d2efcf21f31a678ba46.png",
url: "", url: "",
link: "", link: "",
size: "750*350" size: "750*350"
}, }
] ]
} }
}, },
@ -64,22 +57,19 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*335" size: "335*335"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/kdB3AE9ay4c1SnN.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/cddb5d90a4241f6235d16368534bc730.png",
url: "", url: "",
link: "", link: "",
size: "335*177" size: "335*177"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/FmDr9ksiXeEqYLU.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/e047d312fb5930de972ae288b9b3bae7.png",
url: "", url: "",
link: "", link: "",
size: "335*177" size: "335*177"
@ -113,22 +103,19 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/kdB3AE9ay4c1SnN.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/cddb5d90a4241f6235d16368534bc730.png",
url: "", url: "",
link: "", link: "",
size: "335*177" size: "335*177"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/FmDr9ksiXeEqYLU.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/e047d312fb5930de972ae288b9b3bae7.png",
url: "", url: "",
link: "", link: "",
size: "335*177" size: "335*177"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*335" size: "335*335"
@ -146,22 +133,19 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "226*226 (1:1)" size: "226*226 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "226*226 (1:1)" size: "226*226 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "226*226 (1:1)" size: "226*226 (1:1)"
@ -179,8 +163,7 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2020/12/05/8wSNWbnqujDh6HL.png",
"https://i.loli.net/2020/12/05/8wSNWbnqujDh6HL.png",
url: "", url: "",
link: "", link: "",
size: "750*280" size: "750*280"
@ -198,15 +181,13 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*220" size: "335*220"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*220" size: "335*220"
@ -224,22 +205,19 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "710*170" size: "710*170"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*170" size: "335*170"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*170" size: "335*170"
@ -257,23 +235,20 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*170" size: "335*170"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "335*170" size: "335*170"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "710*170" size: "710*170"
@ -297,29 +272,25 @@ export const modelData = [
size: "75*751:1" size: "75*751:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "75*751:1" size: "75*751:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "75*751:1" size: "75*751:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "75*751:1" size: "75*751:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "75*751:1" size: "75*751:1"
@ -337,29 +308,25 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "88*881:1" size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "88*881:1" size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "88*881:1" size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
size: "88*881:1" size: "88*881:1"
@ -377,32 +344,32 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
title: "88*881:1" title: "文字",
size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
title: "88*881:1" title: "文字",
size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
title: "88*881:1" title: "文字",
size: "88*881:1"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/dtNvI5UxchXn8gz.png",
"https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0669a6adec3f35d45ec66a082e03774f.png",
url: "", url: "",
link: "", link: "",
title: "88*881:1" title: "文字",
size: "88*881:1"
} }
] ]
} }
@ -430,40 +397,35 @@ export const modelData = [
options: { options: {
list: [ list: [
{ {
img: img: "https://i.loli.net/2020/12/05/SoGAv7gYybuWzED.png",
"https://i.loli.net/2020/12/05/SoGAv7gYybuWzED.png",
url: "", url: "",
link: "", link: "",
title: "标题", title: "标题",
size: "88*88 (1:1)" size: "88*88 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/JXR5K3sbIeENjqH.png",
"https://i.loli.net/2020/12/05/JXR5K3sbIeENjqH.png",
url: "", url: "",
link: "", link: "",
title: "标题", title: "标题",
size: "88*88 (1:1)" size: "88*88 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/KlZfnCFIdEV231Y.png",
"https://i.loli.net/2020/12/05/KlZfnCFIdEV231Y.png",
url: "", url: "",
link: "", link: "",
title: "标题", title: "标题",
size: "88*88 (1:1)" size: "88*88 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/GfmMyN2wrUVIlci.png",
"https://i.loli.net/2020/12/05/GfmMyN2wrUVIlci.png",
url: "", url: "",
link: "", link: "",
title: "标题", title: "标题",
size: "88*88 (1:1)" size: "88*88 (1:1)"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/eznDa3iNby5FkYL.png",
"https://i.loli.net/2020/12/05/eznDa3iNby5FkYL.png",
url: "", url: "",
link: "", link: "",
title: "标题", title: "标题",
@ -517,120 +479,114 @@ export const modelData = [
], ],
listWay: [ listWay: [
{ {
img: img: "https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
"https://api.7wpp.com/uploads/20200930/78d480fa1025394b9be24ef5eef17489.png",
price: "120", price: "120",
title: title:
" 微软 (Microsoft) Xbox 无线控制器/手柄 湛蓝色 | 3.5mm耳机接口蓝牙连接 Xbox主机电脑平板通用", " 微软 (Microsoft) Xbox 无线控制器/手柄 湛蓝色 | 3.5mm耳机接口蓝牙连接 Xbox主机电脑平板通用",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/c9mptI5Pg8qJ6ny.png",
"https://i.loli.net/2020/12/05/c9mptI5Pg8qJ6ny.png",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "190", price: "190",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/QsSYIPF743Hgf8q.png",
"https://i.loli.net/2020/12/05/QsSYIPF743Hgf8q.png",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "10", price: "10",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/VTwDYcLWnukGxat.png",
"https://i.loli.net/2020/12/05/VTwDYcLWnukGxat.png",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "190", price: "190",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2020/12/05/SIFwaVpE4YJAuQf.png",
"https://i.loli.net/2020/12/05/SIFwaVpE4YJAuQf.png",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "10", price: "10",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
"https://api.7wpp.com/uploads/20201110/86d4dedc0d88ce4b1329b02a4b87fe7d.jpg",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "190", price: "190",
type: "精选" type: "精选"
}, },
{ {
img: img: "https://i.loli.net/2021/05/14/xA5FW2ubiShBdPE.jpg",
"https://api.7wpp.com/uploads/20200930/0d9102613d7b7e738c83504f80194cd4.jpg",
title: title:
"宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米", "宏碁(acer) DP高清线1.2版 2K*4KDisplayPort公对公接线笔记本电脑显卡连接显示器视频线1.5米",
price: "10", price: "10",
type: "精选" type: "精选"
}, }
] ]
} }
] ]
} }
},
{
notAdd: true,
notImg: true,
type: "joinGroup",
name: "拼团活动",
img: "md-image",
options: {
list: [
{
title: "测试拼团"
}
]
}
},
{
notAdd: true,
notImg: true,
type: "integral",
name: "积分活动",
img: "md-image",
options: {
list: [
{
title: "测试积分"
}
]
}
},
{
notAdd: true,
notImg: true,
type: "spike",
name: "秒杀活动",
img: "md-image",
options: {
list: [
{
title: "测试秒杀"
}
]
}
},
{
notAdd: true,
notImg: true,
type: "group",
name: "团购活动",
img: "md-image",
options: {
list: [
{
title: "测试团购"
}
]
}
} }
// TODO 第一版本隐藏暂无此功能
// {
// notAdd: true,
// notImg: true,
// type: "joinGroup",
// name: "拼团活动",
// img: "md-image",
// options: {
// list: [
// {
// title: "测试拼团"
// }
// ]
// }
// },
// {
// notAdd: true,
// notImg: true,
// type: "integral",
// name: "积分活动",
// img: "md-image",
// options: {
// list: [
// {
// title: "测试积分"
// }
// ]
// }
// },
// {
// notAdd: true,
// notImg: true,
// type: "spike",
// name: "秒杀活动",
// img: "md-image",
// options: {
// list: [
// {
// title: "测试秒杀"
// }
// ]
// }
// },
// {
// notAdd: true,
// notImg: true,
// type: "group",
// name: "团购活动",
// img: "md-image",
// options: {
// list: [
// {
// title: "测试团购"
// }
// ]
// }
// }
]; ];

View File

@ -1,9 +1,8 @@
.model-view { .model-view {
display: flex; display: flex;
.model-view-menu { .model-view-menu {
flex: 1.5; flex: 1.5;
min-width: 250px;
> .model-view-menu-item { > .model-view-menu-item {
display: flex; display: flex;
align-items: center; align-items: center;
@ -31,9 +30,8 @@
} }
} }
.model-view-content { .model-view-content {
background: #f6f6f9; background: #f6f6f9;
border-radius: .8em; border-radius: 0.8em;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
@ -49,17 +47,17 @@
margin: 20px 0; margin: 20px 0;
padding: 50px 13px; padding: 50px 13px;
width: 360px; width: 360px;
background: url('../../../assets/iPhoneX_model.png') no-repeat; background: url("../../../assets/iPhoneX_model.png") no-repeat;
height: 780px; height: 780px;
background-size: 360px; background-size: 360px;
overflow: hidden; overflow: hidden;
>.component,.draggable{ > .component,
.draggable {
height: 590px; height: 590px;
overflow-y: auto; overflow-y: auto;
background: #ebebeb; background: #ebebeb;
} }
> .draggable { > .draggable {
padding-bottom: 100px; padding-bottom: 100px;
} }
} }
@ -73,7 +71,6 @@
z-index: 99; z-index: 99;
} }
.model-btn { .model-btn {
> * { > * {
margin: 0 4px; margin: 0 4px;

View File

@ -24,7 +24,7 @@ export default {
>.menu-item{ >.menu-item{
text-align: center; text-align: center;
width: 63px; width: 20%;
margin:10px 0; margin:10px 0;
} }
} }

View File

@ -18,16 +18,16 @@ export default {
* @description api请求基础路径 * @description api请求基础路径
*/ */
api_dev: { api_dev: {
common: 'http://127.0.0.1:8890', common: 'https://common-api.pickmall.cn',
buyer: 'http://127.0.0.1:8888', buyer: 'https://buyer-api.pickmall.cn',
seller: 'http://127.0.0.1:8889', seller: 'https://store-api.pickmall.cn',
manager: 'http://127.0.0.1:8887' manager: 'https://admin-api.pickmall.cn'
}, },
api_prod: { api_prod: {
common: 'http://127.0.0.1:8890', common: 'https://common-api.pickmall.cn',
buyer: 'http://127.0.0.1:8888', buyer: 'https://buyer-api.pickmall.cn',
seller: 'http://127.0.0.1:8889', seller: 'https://store-api.pickmall.cn',
manager: 'http://127.0.0.1:8887' manager: 'https://admin-api.pickmall.cn'
}, },
/** /**
* @description api请求基础路径前缀 * @description api请求基础路径前缀