Commit 51ac8da1 by 方圆

零售首页底部banner兼容

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