Skip to content

G
gs1
Commit 51ac8da1 by 方圆
Options

零售首页底部banner兼容

parent ef52a0ff
Showing with 42 additions and 155 deletions
src/views/BarCode/GRAI.vue
...@@ -203,63 +203,5 @@ export default { ...@@ -203,63 +203,5 @@ export default {
font-size: 15px; font-size: 15px;
} }
} }
.success_area {
padding: 40px 30px;
height: 440px;
.suc_area_title {
height: 40px;
background: #fef1ec;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-left: 20px;
line-height: 40px;
}
.show_area {
height: 320px;
background: url("../../assets/image/barcode/success_bg.png") no-repeat;
background-size: 100% 100%;
.font_title {
font-size: 16px;
height: 49px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-top: 21px;
span {
display: inline-block;
width: 4px;
font-size: 20px;
color: #04408d;
margin-right: 10px;
font-weight: bolder;
padding-left: 20px;
}
}
.code_pic {
width: 250px;
height: 131px;
margin: 0 auto;
margin-top: 40px;
img {
width: 250px;
height: 131px;
}
}
.down_button {
width: 120px;
height: 40px;
margin: 0 auto;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #f26335;
font-size: 13px;
color: #f26335;
font-family: MicrosoftYaHei;
text-align: center;
line-height: 38px;
cursor: pointer;
}
}
}
} }
</style> </style>
src/views/BarCode/SSCC.vue
<template> <template>
<div class="corppay"> <div class="corppay ssccpage">
<cate :father="sfmlqdCate"></cate> <cate :father="sfmlqdCate"></cate>
<!-- 条码生成区域start --> <!-- 条码生成区域start -->
<div class="generate_area"> <div class="generate_area">
<div class="enter_box"> <div class="enter_box row">
<div class="enter_name">AI标识符：</div> <div class="enter_name col-lg-2">AI标识符：</div>
<div class="input_list"> <div class="input_list">
<el-form <el-form
:inline="true" :inline="true"
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
:rules="info.rules" :rules="info.rules"
> >
<template> <template>
<el-form-item> <el-form-item class="col-lg-5">
<el-select <el-select
v-model="info.flag" v-model="info.flag"
placeholder="请选择AI标识符" placeholder="请选择AI标识符"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</template> </template>
<!-- 时间类型 --> <!-- 时间类型 -->
<template v-else-if="info.isDate === 1"> <template v-else-if="info.isDate === 1">
<el-form-item> <el-form-item class="col-lg-6">
<el-date-picker <el-date-picker
type="date" type="date"
v-model="info.cValue" v-model="info.cValue"
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</template> </template>
<!-- 剩余其他类型 --> <!-- 剩余其他类型 -->
<template v-else> <template v-else>
<el-form-item> <el-form-item class="col-lg-5">
<el-input <el-input
v-model="info.cValue" v-model="info.cValue"
:placeholder="info.prompt" :placeholder="info.prompt"
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
</el-form-item> </el-form-item>
</template> </template>
<el-form-item v-if="i === 0"> <el-form-item class="col-lg-1" v-if="i === 0">
<img <img
@click="addRow" @click="addRow"
src="../../assets/image/barcode/add.png" src="../../assets/image/barcode/add.png"
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
class="button_sty" class="button_sty"
/> />
</el-form-item> </el-form-item>
<el-form-item v-else> <el-form-item class="col-lg-1" v-else>
<img <img
@click="deleteRow(i)" @click="deleteRow(i)"
src="../../assets/image/barcode/delete.png" src="../../assets/image/barcode/delete.png"
...@@ -103,7 +103,9 @@ ...@@ -103,7 +103,9 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="operate_button" @click="handleGenerate">生成条码</div> <div class="row justify-content-center">
<div class="col-lg-3 operate_button" @click="handleGenerate">生成条码</div>
</div>
</div> </div>
<!-- 条码生成区域end --> <!-- 条码生成区域end -->
<!-- 条码生成成功区域start --> <!-- 条码生成成功区域start -->
...@@ -330,7 +332,7 @@ input::-webkit-inner-spin-button { ...@@ -330,7 +332,7 @@ input::-webkit-inner-spin-button {
.CT1_form_inline.el-input, .CT1_form_inline.el-input,
.CT1_form_inline.el-input .el-input__inner { .CT1_form_inline.el-input .el-input__inner {
width: 320px; width: 300px;
height: 40px; height: 40px;
} }
.CT2_form_inline.el-input, .CT2_form_inline.el-input,
...@@ -362,12 +364,16 @@ input::-webkit-inner-spin-button { ...@@ -362,12 +364,16 @@ input::-webkit-inner-spin-button {
} }
.DT_form_inline.el-date-editor, .DT_form_inline.el-date-editor,
.DT_form_inline.el-date-editor .el-input__inner { .DT_form_inline.el-date-editor .el-input__inner {
width: 320px; width: 300px;
height: 40px; height: 40px;
} }
.DT_form_inline.el-input .el-input__inner { .DT_form_inline.el-input .el-input__inner {
padding-left: 40px; padding-left: 40px;
} }
.ssccpage .el-form--inline .el-form-item{
margin-right: 0;
margin-bottom: 0;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.corppay { .corppay {
...@@ -376,20 +382,23 @@ input::-webkit-inner-spin-button { ...@@ -376,20 +382,23 @@ input::-webkit-inner-spin-button {
// height: 100px; // height: 100px;
// background: orchid; // background: orchid;
padding: 0 30px; padding: 0 30px;
// margin-bottom: 29px;
.enter_box { .enter_box {
display: flex; // display: flex;
// height: 40px; // height: 40px;
// line-height: 40px; // line-height: 40px;
margin-top: 29px; margin-top: 29px;
box-sizing: border-box; box-sizing: border-box;
.enter_name { .enter_name {
width: 100px; width: 100px;
font-size: 14px; font-size: 14px;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
color: #414345; color: #414345;
height: 40px;
line-height: 40px;
} }
.input_list { .input_list {
// height: 40px;
.check_code { .check_code {
width: 70px; width: 70px;
border-radius: 2px; border-radius: 2px;
...@@ -404,21 +413,6 @@ input::-webkit-inner-spin-button { ...@@ -404,21 +413,6 @@ input::-webkit-inner-spin-button {
cursor: pointer; cursor: pointer;
} }
} }
.tag_num {
width: 72px;
border-radius: 2px;
border: 1px solid #cccccc;
font-size: 13px;
font-family: MicrosoftYaHei;
color: #454545;
padding-left: 10px;
padding-left: 10px;
}
.input_box {
width: 242px;
height: 40px;
margin-left: 10px;
}
} }
.operate_button { .operate_button {
width: 240px; width: 240px;
...@@ -430,72 +424,14 @@ input::-webkit-inner-spin-button { ...@@ -430,72 +424,14 @@ input::-webkit-inner-spin-button {
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
margin-top: 20px; // margin-top: 20px;
margin-left: 271px; // margin-left: 182px;
margin-bottom: 20px;
cursor: pointer; cursor: pointer;
margin-bottom: 40px;
} }
.operate_button:hover{ .operate_button:hover{
font-size: 15px; font-size: 15px;
} }
} }
.success_area {
padding: 40px 30px;
height: 440px;
.suc_area_title {
height: 40px;
background: #fef1ec;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-left: 20px;
line-height: 40px;
}
.show_area {
height: 320px;
background: url("../../assets/image/barcode/success_bg.png") no-repeat;
background-size: 100% 100%;
.font_title {
font-size: 16px;
height: 49px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-top: 21px;
span {
display: inline-block;
width: 4px;
font-size: 20px;
color: #04408d;
margin-right: 10px;
font-weight: bolder;
padding-left: 20px;
}
}
.code_pic {
width: 250px;
height: 131px;
margin: 0 auto;
margin-top: 40px;
img {
width: 250px;
height: 131px;
}
}
.down_button {
width: 120px;
height: 40px;
margin: 0 auto;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #f26335;
font-size: 13px;
color: #f26335;
font-family: MicrosoftYaHei;
text-align: center;
line-height: 38px;
cursor: pointer;
}
}
}
} }
</style> </style>
src/views/News/Retail.vue
...@@ -153,19 +153,26 @@ ...@@ -153,19 +153,26 @@
<div class="div5"> <div class="div5">
<!-- <img src="../../assets/image/news/ls5.png" alt=""> --> <!-- <img src="../../assets/image/news/ls5.png" alt=""> -->
<div class="div5-cnt"> <div class="div5-cnt">
<p>欢迎加入</p> <p class="row justify-content-center">欢迎加入</p>
<p> <p class="row justify-content-center">
<span class="col-lg-3">
<img src="../../assets/image/news/icon.png" />中国ECR委员会 <img src="../../assets/image/news/icon.png" />中国ECR委员会
</span>
<span class="col-lg-3">
<img src="../../assets/image/news/icon.png" />全渠道零售工作委员会 <img src="../../assets/image/news/icon.png" />全渠道零售工作委员会
</span>
</p> </p>
<p> <p class="row justify-content-center">
支俊凯<i class="bi bi-telephone-fill"></i>010-84295518<i <span class="col-lg-4">支俊凯<i class="bi bi-telephone-fill"></i>010-84295518<i
class="bi bi-envelope-fill" class="bi bi-envelope-fill"
></i ></i
>zhijk@ancc.org.cn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李弘凯<i >zhijk@ancc.org.cn</span>
<span class="col-lg-4">李弘凯<i
class="bi bi-telephone-fill" class="bi bi-telephone-fill"
></i ></i
>010-84295522<i class="bi bi-envelope-fill"></i>lihk@ancc.org.cn >010-84295522<i class="bi bi-envelope-fill"></i>lihk@ancc.org.cn</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -614,8 +621,10 @@ export default { ...@@ -614,8 +621,10 @@ export default {
} }
} }
.div5 { .div5 {
margin-top: 30px; width: 100%;
// margin-top: 30px;
// position: relative; // position: relative;
margin: 30px 15px 0 15px;
background: #f05587; background: #f05587;
img { img {
width: 17px; width: 17px;
...@@ -627,7 +636,7 @@ export default { ...@@ -627,7 +636,7 @@ export default {
} }
.div5-cnt { .div5-cnt {
width: 100%; width: 100%;
height: 160px; min-height: 160px;
background: url("../../assets/image/news/ls5.png") no-repeat 100% 100%; background: url("../../assets/image/news/ls5.png") no-repeat 100% 100%;
// position: absolute; // position: absolute;
// top: 20%; // top: 20%;
......
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