Skip to content

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

样式调整

parent 16290f19
Hide 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 = [
name: 'caseDetail',
component: () => import('@/views/case/caseDetail')
},
{
path: '/newInfo',
name: 'newInfo',
component: () => import('@/views/message/newInfo')
},
// {
// path: '/about',
// name: 'about',
......
ybf_wx/src/views/active/activeList.vue
View file @ be458508
......@@ -53,8 +53,12 @@ export default {};
<style scoped>
.container {
height: 100%;
height: auto;
background-color: rgba(248, 248, 248, 1);
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.title {
height: 44px;
......
ybf_wx/src/views/active/couponDetail.vue
View file @ be458508
<template>
<div class="container">
<div class="topb">
<div>
<div class="topb">
<img src="../../../public/img/zhuanpanbg.png" alt="" />
</div>
<div class="title">
......@@ -22,6 +23,8 @@
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p>
</div>
</div>
<div class="creat" @click="createActive">创建同款活动</div>
</div>
</template>
......@@ -91,11 +94,12 @@ p {
}
.container {
background-color: rgba(248, 248, 248, 1);
height: 100%;
height: auto;
display: flex;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
flex-direction: column;
min-height: 100%;
}
.bt {
font-size: 16px;
......
ybf_wx/src/views/active/createActive.vue
View file @ be458508
......@@ -219,7 +219,11 @@ export default {
margin-bottom: 16px;
}
.container {
height: auto;
display: flex;
flex-direction: column;
background: rgba(248, 248, 248, 1);
min-height: 100%;
}
.van-field__body textarea {
background: rgba(248, 248, 248, 1);
......
ybf_wx/src/views/active/createBigWheelActive.vue
View file @ be458508
......@@ -617,6 +617,11 @@ export default {
}
.container {
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 {
......
ybf_wx/src/views/active/turntableDetail.vue
View file @ be458508
<template>
<div class="container">
<div class="topb">
<img src="../../../public/img/zpbg.png" alt="" />
</div>
<div class="title">
<span class="bt">服装店幸运抽奖</span>
<div class="tb">
<img src="../../../public/img/zp.png" alt="" />
大转盘抽奖
<div>
<div class="topb">
<img src="../../../public/img/zpbg.png" alt="" />
</div>
<div class="title">
<span class="bt">服装店幸运抽奖</span>
<div class="tb">
<img src="../../../public/img/zp.png" alt="" />
大转盘抽奖
</div>
</div>
<div class="wtitle">
<img src="../../../public/img/water.png" alt="" />
<span class="wan">玩法介绍</span>
</div>
<div class="content">
<p>
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p>
<p>
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p>
</div>
</div>
<div class="wtitle">
<img src="../../../public/img/water.png" alt="" />
<span class="wan">玩法介绍</span>
</div>
<div class="content">
<p>
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p>
<p>
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
</p>
</div>
<div class="creat" @click="createActive">创建同款活动</div>
</div>
</template>
......@@ -31,23 +32,19 @@
<script>
export default {
data() {
return {
}
return {};
},
methods: {
createActive() {
this.$router.push({
name: 'createBigWheelActive'
})
name: "createBigWheelActive"
});
}
},
}
};
</script>
<style>
</style>
<style></style>
<style scoped>
p {
font-size: 12px;
......@@ -92,12 +89,13 @@ p {
position: relative;
}
.container {
height: auto;
background-color: rgba(248, 248, 248, 1);
height: 100%;
display: flex;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
flex-direction: column;
min-height: 100%;
}
.bt {
font-size: 16px;
......
ybf_wx/src/views/case/caseDetail.vue
View file @ be458508
......@@ -69,13 +69,13 @@ export default {
}
.container {
background: #f8f8f8;
height: 100%;
height: auto;
padding: 16px;
display: flex;
flex-direction: column;
/* justify-content: center; */
justify-content: flex-start;
align-items: start;
min-height: 100%;
}
.ct {
background-color: #fff;
......
ybf_wx/src/views/case/index.vue
View file @ be458508
......@@ -127,7 +127,7 @@ export default {
<style scoped>
.kj {
width: 344px;
width: 100%;
height: 229px;
background: rgba(248, 248, 248, 1);
padding: 12px;
......@@ -142,7 +142,7 @@ export default {
color: rgba(45, 71, 106, 1);
}
.ct {
width: 320px;
width: 100%;
height: 180px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
......
ybf_wx/src/views/counter/changeCounter.vue
View file @ be458508
<template>
<div class="container">
<!-- <div class="active">
<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-radio-group v-model="radio" class="nobr">
<van-cell-group>
<van-cell clickable @click="radio = '1'">
<div class="list">
......@@ -84,8 +55,12 @@ export default {
<style scoped>
.container {
height: 100%;
background-color: rgba(248, 248, 248, 1);
height: auto;
background-color: #fff;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.title {
height: 44px;
......@@ -149,4 +124,10 @@ p {
font-size: 12px;
color: rgba(45, 71, 106, 0.8);
}
.nobr >>> [class*=van-hairline]::after {
display: none;
}
.nobr >>> .van-cell:not(:last-child)::after {
display: none;
}
</style>
ybf_wx/src/views/counter/counterInfo.vue
View file @ be458508
......@@ -47,10 +47,16 @@ export default {
}
.gn {
margin-top: 12px;
width: 100%;
}
.container {
height: 100%;
background: rgba(248, 248, 248, 1);
background: #f8f8f8;
height: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
min-height: 100%;
}
.img {
width: 100%;
......@@ -69,6 +75,7 @@ export default {
border-bottom: 1px solid rgba(238, 238, 238, 1);
box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
border-radius: 2px;
z-index: 100;
}
.list3 {
border-bottom: none;
......
ybf_wx/src/views/counter/counterMaintain.vue
View file @ be458508
<template>
<div class="container">
<div class="img">
<van-uploader class="upload" v-model="bannerList">
<van-uploader class="upload" v-model="bannerList" :max-count="4">
<div class="circle">
<span class="add">+</span>
</div>
......@@ -9,17 +9,21 @@
<div class="tj">
点击添加专柜主题图
</div>
<img src="../../../public/img/cswiper.png" />
<img src="../../../public/img/cswiper.png" />
</div>
<div class="banner">
<van-uploader class="upload" v-model="bannerList" :max-count="4">
</van-uploader>
</div>
<van-cell-group class="gn">
<van-cell title="专柜LOGO">
<van-cell title="专柜LOGO" center class="logo">
<template slot="default">
<van-uploader v-model="fileList" :max-count="1" class="input">
<div class="cube">
<van-icon name="photo" size="40" />
<div class="mb">点击替换</div>
</div>
</van-uploader>
<van-uploader v-model="fileList" :max-count="1" class="input" >
<div class="cube" style="width:54px;height:50px;">
<van-icon name="photo" size="40" />
<div class="mb">点击替换</div>
</div>
</van-uploader>
</template>
</van-cell>
<van-cell title="专柜名称">
......@@ -32,7 +36,20 @@
<van-field v-model="floor" placeholder="输入楼层" class="input" />
</template>
</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>
<div class="creat">保存信息</div>
</div>
......@@ -54,11 +71,48 @@ export default {
</style>
<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 {
position: absolute;
left: 50%;
transform: translate(-50%);
margin: 20px 0;
width: 343px;
height: 40px;
line-height: 40px;
......@@ -71,8 +125,8 @@ export default {
bottom: 0;
}
.cube {
width: 48px;
height: 48px;
width:54px;
height: 50px;
background: rgba(248, 248, 248, 1);
border-radius: 8px;
position: relative;
......@@ -125,10 +179,19 @@ export default {
}
.gn {
margin-top: 12px;
width: 100%;
padding-bottom: 12px;
}
.input >>> .van-uploader__input-wrapper {
width: 100%;
}
.container {
height: 100%;
height: auto;
background: #F8F8F8;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
.img {
width: 100%;
......@@ -141,7 +204,7 @@ export default {
}
.mb {
position: absolute;
width: 48px;
width: 100%;
height: 16px;
bottom: 0;
line-height: 16px;
......
ybf_wx/src/views/goods/goodGrounding.vue
View file @ be458508
......@@ -168,6 +168,10 @@ h3 {
.container {
height: 100%;
background-color: #f8f8f8;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.name {
font-size: 14px;
......
ybf_wx/src/views/goods/goodManage.vue
View file @ be458508
......@@ -223,8 +223,12 @@ h3 {
height: 40px;
}
.container {
height: 100%;
height: auto;
min-height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.search {
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 {
height: 32px;
}
.container {
height: 100%;
background-color: #f8f8f8;
height: auto;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.top {
height: 160px;
......
ybf_wx/src/views/task/taskList.vue
View file @ be458508
......@@ -142,6 +142,13 @@ export default {
</script>
<style scoped>
.container {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: auto;
}
.container >>> .van-tabs__wrap,
.van-tabs__wrap--scrollable {
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