|
@@ -53,6 +53,31 @@
|
|
|
<el-col :span="24" class="text" v-if="form.status == '1'">
|
|
|
<el-form-item label="创新券">
|
|
|
<el-col :span="10" class="coupons">
|
|
|
+ <el-col :span="18" class="coupons_1">
|
|
|
+ <el-col :span="24" class="coupons_1one">
|
|
|
+ <el-col :span="3" class="image">
|
|
|
+ <el-image :src="logo"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="21" class="title"> 环南湖科创先导区双创服务平台 </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="coupons_1two"> 科技创新券 </el-col>
|
|
|
+ <el-col :span="24" class="coupons_1thr">
|
|
|
+ <p>
|
|
|
+ 有效期:
|
|
|
+ <span>{{ getDate(form.create_time, '1') }}</span>
|
|
|
+ -<span>{{ getDate('2021', '2') }}</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ NO.<span>{{ getDate(form.create_time, '3') }}</span>
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="coupons_2">
|
|
|
+ <p>科技创新券</p>
|
|
|
+ <p><span>伍万圆</span></p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="10" class="coupons">
|
|
|
<el-col :span="24" class="coupons_1">
|
|
|
<el-col :span="3" class="image">
|
|
|
<el-image :src="logo"></el-image>
|
|
@@ -73,7 +98,7 @@
|
|
|
NO.<span>{{ getDate(form.create_time, '3') }}</span>
|
|
|
</p>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="formBtn" v-if="form.status == ''">
|
|
@@ -207,66 +232,149 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.coupons {
|
|
|
- height: 250px;
|
|
|
- border: 5px solid #008000;
|
|
|
+ height: 160px;
|
|
|
line-height: normal;
|
|
|
- padding: 5px;
|
|
|
- background: #b3e2be5f;
|
|
|
+ width: 35%;
|
|
|
+ border: 1px solid #f1f1f1;
|
|
|
+ background: url('~@a/1.jpg');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
.coupons_1 {
|
|
|
- .image {
|
|
|
- text-align: center;
|
|
|
- .el-image {
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
+ position: relative;
|
|
|
+ height: 158px;
|
|
|
+ .coupons_1one {
|
|
|
+ padding: 0 30px;
|
|
|
+ .image {
|
|
|
+ .el-image {
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ font-size: 20px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: cursive;
|
|
|
}
|
|
|
}
|
|
|
- .title {
|
|
|
- height: 60px;
|
|
|
- line-height: 60px;
|
|
|
- font-size: 32px;
|
|
|
- font-family: cursive;
|
|
|
- color: #000;
|
|
|
-
|
|
|
- font-weight: bold;
|
|
|
- letter-spacing: 3px;
|
|
|
- }
|
|
|
- }
|
|
|
- .coupons_2 {
|
|
|
- p {
|
|
|
+ .coupons_1two {
|
|
|
text-align: center;
|
|
|
- }
|
|
|
- p:nth-child(1) {
|
|
|
- font-size: 60px;
|
|
|
+ font-size: 35px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ letter-spacing: 10px;
|
|
|
font-family: cursive;
|
|
|
- -webkit-text-stroke: 1px #000;
|
|
|
- -webkit-text-fill-color: #cccccc5f;
|
|
|
}
|
|
|
- p:nth-child(2) {
|
|
|
- font-size: 40px;
|
|
|
- font-family: cursive;
|
|
|
- -webkit-text-stroke: 1px #000;
|
|
|
- -webkit-text-fill-color: #cccccc5f;
|
|
|
- letter-spacing: 15px;
|
|
|
+ .coupons_1thr {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ p {
|
|
|
+ text-align: center;
|
|
|
+ padding: 2px 0;
|
|
|
+ }
|
|
|
+ p:nth-child(1) {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ p:nth-child(2) {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ span {
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .coupons_3 {
|
|
|
- p {
|
|
|
- text-align: center;
|
|
|
- padding: 2px 0;
|
|
|
- }
|
|
|
+ .coupons_2 {
|
|
|
+ border-left: 1px dashed #00fa9a;
|
|
|
+ height: 158px;
|
|
|
+ text-align: center;
|
|
|
p:nth-child(1) {
|
|
|
- font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ writing-mode: vertical-rl;
|
|
|
+ padding: 12px 42% 5px 42%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
p:nth-child(2) {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
span {
|
|
|
- color: #ff0000;
|
|
|
+ background: #008000;
|
|
|
+ border-radius: 360px;
|
|
|
+ padding: 10px 0px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #ffd700;
|
|
|
+ display: inline-block;
|
|
|
+ width: 80%;
|
|
|
+ font-family: monospace;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ // .coupons {
|
|
|
+ // height: 250px;
|
|
|
+ // border: 5px solid #008000;
|
|
|
+ // line-height: normal;
|
|
|
+ // padding: 5px;
|
|
|
+ // background: #b3e2be5f;
|
|
|
+ // .coupons_1 {
|
|
|
+ // .image {
|
|
|
+ // text-align: center;
|
|
|
+ // .el-image {
|
|
|
+ // width: 60px;
|
|
|
+ // height: 60px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .title {
|
|
|
+ // height: 60px;
|
|
|
+ // line-height: 60px;
|
|
|
+ // font-size: 32px;
|
|
|
+ // font-family: cursive;
|
|
|
+ // color: #000;
|
|
|
+
|
|
|
+ // font-weight: bold;
|
|
|
+ // letter-spacing: 3px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .coupons_2 {
|
|
|
+ // p {
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
+ // p:nth-child(1) {
|
|
|
+ // font-size: 60px;
|
|
|
+ // font-family: cursive;
|
|
|
+ // -webkit-text-stroke: 1px #000;
|
|
|
+ // -webkit-text-fill-color: #cccccc5f;
|
|
|
+ // }
|
|
|
+ // p:nth-child(2) {
|
|
|
+ // font-size: 40px;
|
|
|
+ // font-family: cursive;
|
|
|
+ // -webkit-text-stroke: 1px #000;
|
|
|
+ // -webkit-text-fill-color: #cccccc5f;
|
|
|
+ // letter-spacing: 15px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .coupons_3 {
|
|
|
+ // p {
|
|
|
+ // text-align: center;
|
|
|
+ // padding: 2px 0;
|
|
|
+ // }
|
|
|
+ // p:nth-child(1) {
|
|
|
+ // font-size: 16px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
+ // p:nth-child(2) {
|
|
|
+ // font-size: 16px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // span {
|
|
|
+ // color: #ff0000;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
.main:hover {
|