Skip to content

Y
ybf
Commit be458508 authored by xd's avatar xd
Browse files
Options

样式调整

parent 16290f19
Show whitespace changes
Inline Side-by-side
Showing with 316 additions and 95 deletions
ybf_wx/src/router/index.js
View file @ be458508
...@@ -110,6 +110,11 @@ const routes = [ ...@@ -110,6 +110,11 @@ const routes = [
name: 'caseDetail', name: 'caseDetail',
component: () => import('@/views/case/caseDetail') component: () => import('@/views/case/caseDetail')
}, },
{
path: '/newInfo',
name: 'newInfo',
component: () => import('@/views/message/newInfo')
},
// { // {
// path: '/about', // path: '/about',
// name: 'about', // name: 'about',
......
ybf_wx/src/views/active/activeList.vue
View file @ be458508
...@@ -53,8 +53,12 @@ export default {}; ...@@ -53,8 +53,12 @@ export default {};
<style scoped> <style scoped>
.container { .container {
height: 100%; height: auto;
background-color: rgba(248, 248, 248, 1); background-color: rgba(248, 248, 248, 1);
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.title { .title {
height: 44px; height: 44px;
......
ybf_wx/src/views/active/couponDetail.vue
View file @ be458508
<template> <template>
<div class="container"> <div class="container">
<div>
<div class="topb"> <div class="topb">
<img src="../../../public/img/zhuanpanbg.png" alt="" /> <img src="../../../public/img/zhuanpanbg.png" alt="" />
</div> </div>
...@@ -22,6 +23,8 @@ ...@@ -22,6 +23,8 @@
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。 马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p> </p>
</div> </div>
</div>
<div class="creat" @click="createActive">创建同款活动</div> <div class="creat" @click="createActive">创建同款活动</div>
</div> </div>
</template> </template>
...@@ -91,11 +94,12 @@ p { ...@@ -91,11 +94,12 @@ p {
} }
.container { .container {
background-color: rgba(248, 248, 248, 1); background-color: rgba(248, 248, 248, 1);
height: 100%; height: auto;
display: flex; display: flex;
justify-content: flex-start; justify-content: space-between;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 100%;
} }
.bt { .bt {
font-size: 16px; font-size: 16px;
......
ybf_wx/src/views/active/createActive.vue
View file @ be458508
...@@ -219,7 +219,11 @@ export default { ...@@ -219,7 +219,11 @@ export default {
margin-bottom: 16px; margin-bottom: 16px;
} }
.container { .container {
height: auto;
display: flex;
flex-direction: column;
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
min-height: 100%;
} }
.van-field__body textarea { .van-field__body textarea {
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
......
ybf_wx/src/views/active/createBigWheelActive.vue
View file @ be458508
...@@ -617,6 +617,11 @@ export default { ...@@ -617,6 +617,11 @@ export default {
} }
.container { .container {
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
height: auto;
display: flex;
flex-direction: column;
background: rgba(248, 248, 248, 1);
min-height: 100%;
} }
.van-cell__title { .van-cell__title {
......
ybf_wx/src/views/active/turntableDetail.vue
View file @ be458508
<template> <template>
<div class="container"> <div class="container">
<div>
<div class="topb"> <div class="topb">
<img src="../../../public/img/zpbg.png" alt="" /> <img src="../../../public/img/zpbg.png" alt="" />
</div> </div>
...@@ -20,10 +21,10 @@ ...@@ -20,10 +21,10 @@
</p> </p>
<p> <p>
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。 马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p> </p>
</div> </div>
</div>
<div class="creat" @click="createActive">创建同款活动</div> <div class="creat" @click="createActive">创建同款活动</div>
</div> </div>
</template> </template>
...@@ -31,23 +32,19 @@ ...@@ -31,23 +32,19 @@
<script> <script>
export default { export default {
data() { data() {
return { return {};
}
}, },
methods: { methods: {
createActive() { createActive() {
this.$router.push({ this.$router.push({
name: 'createBigWheelActive' name: "createBigWheelActive"
}) });
}
} }
},
}; };
</script> </script>
<style> <style></style>
</style>
<style scoped> <style scoped>
p { p {
font-size: 12px; font-size: 12px;
...@@ -92,12 +89,13 @@ p { ...@@ -92,12 +89,13 @@ p {
position: relative; position: relative;
} }
.container { .container {
height: auto;
background-color: rgba(248, 248, 248, 1); background-color: rgba(248, 248, 248, 1);
height: 100%;
display: flex; display: flex;
justify-content: flex-start; justify-content: space-between;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 100%;
} }
.bt { .bt {
font-size: 16px; font-size: 16px;
......
ybf_wx/src/views/case/caseDetail.vue
View file @ be458508
...@@ -69,13 +69,13 @@ export default { ...@@ -69,13 +69,13 @@ export default {
} }
.container { .container {
background: #f8f8f8; background: #f8f8f8;
height: 100%; height: auto;
padding: 16px; padding: 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/* justify-content: center; */
justify-content: flex-start; justify-content: flex-start;
align-items: start; align-items: start;
min-height: 100%;
} }
.ct { .ct {
background-color: #fff; background-color: #fff;
......
ybf_wx/src/views/case/index.vue
View file @ be458508
...@@ -127,7 +127,7 @@ export default { ...@@ -127,7 +127,7 @@ export default {
<style scoped> <style scoped>
.kj { .kj {
width: 344px; width: 100%;
height: 229px; height: 229px;
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
padding: 12px; padding: 12px;
...@@ -142,7 +142,7 @@ export default { ...@@ -142,7 +142,7 @@ export default {
color: rgba(45, 71, 106, 1); color: rgba(45, 71, 106, 1);
} }
.ct { .ct {
width: 320px; width: 100%;
height: 180px; height: 180px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
......
ybf_wx/src/views/counter/changeCounter.vue
View file @ be458508
<template> <template>
<div class="container"> <div class="container">
<!-- <div class="active"> <van-radio-group v-model="radio" class="nobr">
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="">
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="">
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list list3">
<div class="left">
<img src="../../../public/img/counter.png" alt="">
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
</div> -->
<van-radio-group v-model="radio">
<van-cell-group> <van-cell-group>
<van-cell clickable @click="radio = '1'"> <van-cell clickable @click="radio = '1'">
<div class="list"> <div class="list">
...@@ -84,8 +55,12 @@ export default { ...@@ -84,8 +55,12 @@ export default {
<style scoped> <style scoped>
.container { .container {
height: 100%; height: auto;
background-color: rgba(248, 248, 248, 1); background-color: #fff;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.title { .title {
height: 44px; height: 44px;
...@@ -149,4 +124,10 @@ p { ...@@ -149,4 +124,10 @@ p {
font-size: 12px; font-size: 12px;
color: rgba(45, 71, 106, 0.8); color: rgba(45, 71, 106, 0.8);
} }
.nobr >>> [class*=van-hairline]::after {
display: none;
}
.nobr >>> .van-cell:not(:last-child)::after {
display: none;
}
</style> </style>
ybf_wx/src/views/counter/counterInfo.vue
View file @ be458508
...@@ -47,10 +47,16 @@ export default { ...@@ -47,10 +47,16 @@ export default {
} }
.gn { .gn {
margin-top: 12px; margin-top: 12px;
width: 100%;
} }
.container { .container {
height: 100%; background: #f8f8f8;
background: rgba(248, 248, 248, 1); height: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
min-height: 100%;
} }
.img { .img {
width: 100%; width: 100%;
...@@ -69,6 +75,7 @@ export default { ...@@ -69,6 +75,7 @@ export default {
border-bottom: 1px solid rgba(238, 238, 238, 1); border-bottom: 1px solid rgba(238, 238, 238, 1);
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
border-radius: 2px; border-radius: 2px;
z-index: 100;
} }
.list3 { .list3 {
border-bottom: none; border-bottom: none;
......
ybf_wx/src/views/counter/counterMaintain.vue
View file @ be458508
<template> <template>
<div class="container"> <div class="container">
<div class="img"> <div class="img">
<van-uploader class="upload" v-model="bannerList"> <van-uploader class="upload" v-model="bannerList" :max-count="4">
<div class="circle"> <div class="circle">
<span class="add">+</span> <span class="add">+</span>
</div> </div>
...@@ -11,11 +11,15 @@ ...@@ -11,11 +11,15 @@
</div> </div>
<img src="../../../public/img/cswiper.png" /> <img src="../../../public/img/cswiper.png" />
</div> </div>
<div class="banner">
<van-uploader class="upload" v-model="bannerList" :max-count="4">
</van-uploader>
</div>
<van-cell-group class="gn"> <van-cell-group class="gn">
<van-cell title="专柜LOGO"> <van-cell title="专柜LOGO" center class="logo">
<template slot="default"> <template slot="default">
<van-uploader v-model="fileList" :max-count="1" class="input"> <van-uploader v-model="fileList" :max-count="1" class="input" >
<div class="cube"> <div class="cube" style="width:54px;height:50px;">
<van-icon name="photo" size="40" /> <van-icon name="photo" size="40" />
<div class="mb">点击替换</div> <div class="mb">点击替换</div>
</div> </div>
...@@ -32,7 +36,20 @@ ...@@ -32,7 +36,20 @@
<van-field v-model="floor" placeholder="输入楼层" class="input" /> <van-field v-model="floor" placeholder="输入楼层" class="input" />
</template> </template>
</van-cell> </van-cell>
<van-cell title="专柜介绍" is-link value="点击输入" /> <!-- <van-cell title="专柜介绍" is-link value="点击输入" /> -->
<div class="detail">
<div class="border">
<div class="des">活动描述</div>
<van-field
v-model="message"
rows="4"
autosize
type="textarea"
placeholder="请输入描述"
show-word-limit
/>
</div>
</div>
</van-cell-group> </van-cell-group>
<div class="creat">保存信息</div> <div class="creat">保存信息</div>
</div> </div>
...@@ -54,11 +71,48 @@ export default { ...@@ -54,11 +71,48 @@ export default {
</style> </style>
<style scoped> <style scoped>
.logo >>> .van-uploader__preview-delete{
top: 0;
}
.des {
font-size: 14px;
font-weight: bold;
color: rgba(45, 71, 106, 1);
margin-bottom: 12px;
}
.detail {
background-color: #fff;
padding: 12px 16px 0 16px;
}
.border >>> .van-field__control {
text-align: left !important;
background-color: #f8f8f8;
}
.border >>> .van-cell {
padding: 0;
}
.banner >>> .upload[data-v-6ea3d66a] {
padding-top: 10px;
z-index: 100;
width: 100%;
position: static;
transform: unset;
padding: 10px 9px 0;
}
.img >>> .van-uploader__preview {
display: none;
}
.banner {
width: 100%;
background-color: #fff;
height: 96px;
}
.banner >>> .van-uploader__upload-icon {
display: none;
}
.creat { .creat {
position: absolute; margin: 20px 0;
left: 50%;
transform: translate(-50%);
width: 343px; width: 343px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -71,8 +125,8 @@ export default { ...@@ -71,8 +125,8 @@ export default {
bottom: 0; bottom: 0;
} }
.cube { .cube {
width: 48px; width:54px;
height: 48px; height: 50px;
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
...@@ -125,10 +179,19 @@ export default { ...@@ -125,10 +179,19 @@ export default {
} }
.gn { .gn {
margin-top: 12px; margin-top: 12px;
width: 100%;
padding-bottom: 12px;
}
.input >>> .van-uploader__input-wrapper {
width: 100%;
} }
.container { .container {
height: 100%; height: auto;
background: #F8F8F8; background: #F8F8F8;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
} }
.img { .img {
width: 100%; width: 100%;
...@@ -141,7 +204,7 @@ export default { ...@@ -141,7 +204,7 @@ export default {
} }
.mb { .mb {
position: absolute; position: absolute;
width: 48px; width: 100%;
height: 16px; height: 16px;
bottom: 0; bottom: 0;
line-height: 16px; line-height: 16px;
......
ybf_wx/src/views/goods/goodGrounding.vue
View file @ be458508
...@@ -168,6 +168,10 @@ h3 { ...@@ -168,6 +168,10 @@ h3 {
.container { .container {
height: 100%; height: 100%;
background-color: #f8f8f8; background-color: #f8f8f8;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.name { .name {
font-size: 14px; font-size: 14px;
......
ybf_wx/src/views/goods/goodManage.vue
View file @ be458508
...@@ -223,8 +223,12 @@ h3 { ...@@ -223,8 +223,12 @@ h3 {
height: 40px; height: 40px;
} }
.container { .container {
height: 100%; height: auto;
min-height: 100%;
background-color: #fff; background-color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.search { .search {
padding: 12px 16px; padding: 12px 16px;
......
ybf_wx/src/views/message/newInfo.vue 0 → 100644
View file @ be458508
<template>
<div class="container">
<div class="title">
<span>集团消息</span>
<span class="fr">查看更多<span class="icon">></span></span>
</div>
<div class="active">
<div class="list">
<div class="left"></div>
<div class="right">
<h3>砍价</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list">
<div class="left"></div>
<div class="right">
<h3>集赞</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list list3">
<div class="left"></div>
<div class="right">
<h3>推荐有礼</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
</div>
<div class="title">
<span>工作消息</span>
<span class="fr">查看更多<span class="icon">></span></span>
</div>
<div class="active">
<div class="list">
<div class="left"></div>
<div class="right">
<h3>大转盘抽奖</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list">
<div class="left"></div>
<div class="right">
<h3>大转盘抽奖</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<div class="list list3">
<div class="left"></div>
<div class="right">
<h3>砸金蛋抽奖</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style scoped>
.container {
height: auto;
background-color: rgba(248, 248, 248, 1);
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.title {
height: 44px;
background: rgba(248, 248, 248, 1);
line-height: 44px;
padding: 0 16px;
font-size: 12px;
color: rgba(45, 71, 106, 1);
}
.fg {
padding: 0 16px;
font-size: 12px;
color: rgba(45, 71, 106, 1);
height: 44px;
line-height: 44px;
}
.icon {
font-weight: 800;
}
.active {
background-color: #fff;
padding: 12px 12px 0 12px;
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
}
.list {
height: 94px;
width: 100%;
background-color: #fff;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(238, 238, 238, 1);
margin-bottom: 14px;
}
.list3 {
border-bottom: none;
margin-bottom: 0;
}
.left,
.right {
height: 80px;
}
.left {
width: 80px;
background: rgba(248, 248, 248, 1);
}
.right {
width: 76%;
padding: 10px;
background-color: #fff;
}
h3 {
font-size: 14px;
font-weight: bold;
color: rgba(45, 71, 106, 1);
}
p {
margin-top: 10px;
font-size: 12px;
color: rgba(45, 71, 106, 0.8);
}
</style>
ybf_wx/src/views/profit/index.vue
View file @ be458508
...@@ -342,8 +342,11 @@ export default { ...@@ -342,8 +342,11 @@ export default {
height: 32px; height: 32px;
} }
.container { .container {
height: 100%; height: auto;
background-color: #f8f8f8; min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
} }
.top { .top {
height: 160px; height: 160px;
......
ybf_wx/src/views/task/taskList.vue
View file @ be458508
...@@ -142,6 +142,13 @@ export default { ...@@ -142,6 +142,13 @@ export default {
</script> </script>
<style scoped> <style scoped>
.container {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: auto;
}
.container >>> .van-tabs__wrap, .container >>> .van-tabs__wrap,
.van-tabs__wrap--scrollable { .van-tabs__wrap--scrollable {
height: 40px; height: 40px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment