Commit a05a0337 by 任建

rj

parent 60e40a44
import Vue from "vue";
import VueRouter from "vue-router";
import Vue from 'vue';
import VueRouter from 'vue-router';
import { getCookie } from "@/utils/getToken.js";
import { getCookie } from '@/utils/getToken.js';
Vue.use(VueRouter);
const routes = [
{
path: "/jdbycquerytm",
name: "jdbycquerytm",
component: () => import("@/views/pages/jdbycquerytm")
path: '/icpfillmaterials',
name: 'icpfillmaterials',
component: () => import('@/views/icplicense/fillmaterials')
},
{
path: "/home",
name: "home",
component: () => import("@/views/pages/home")
path: '/icpconfirmation',
name: 'icpconfirmation',
component: () => import('@/views/icplicense/confirmation')
},
{
path: "/companyinformation",
name: "companyinformation",
component: () => import("@/views/pages/companyinformation")
path: '/icpproductdetails',
name: 'icpproductdetails',
component: () => import('@/views/icplicense/productdetails')
},
{
path: '/jdbycquerytm',
name: 'jdbycquerytm',
component: () => import('@/views/pages/jdbycquerytm')
},
{
path: '/home',
name: 'home',
component: () => import('@/views/pages/home')
},
{
path: '/companyinformation',
name: 'companyinformation',
component: () => import('@/views/pages/companyinformation')
},
// {
// path: "/",
// redirect: "/home"
// },
{
path: "/",
redirect: "/user"
path: '/',
redirect: '/user'
},
{
path: "/user",
name: "user",
redirect: "/user/login",
component: () => import("@/views/pages/user"),
path: '/user',
name: 'user',
redirect: '/user/login',
component: () => import('@/views/pages/user'),
children: [
{
path: "login",
name: "login",
component: () => import("@/views/pages/user/login")
path: 'login',
name: 'login',
component: () => import('@/views/pages/user/login')
},
{
path: "register",
name: "register",
component: () => import("@/views/pages/user/register")
path: 'register',
name: 'register',
component: () => import('@/views/pages/user/register')
},
{
path: "forgetpassword",
name: "forgetpassword",
component: () => import("@/views/pages/user/forgetPassword")
path: 'forgetpassword',
name: 'forgetpassword',
component: () => import('@/views/pages/user/forgetPassword')
}
]
},
{
path: "/cashier",
name: "cashier",
component: () => import("@/views/pages/cashier")
path: '/cashier',
name: 'cashier',
component: () => import('@/views/pages/cashier')
},
{
path: "/productdetails",
name: "productdetails",
component: () => import("@/views/pages/productdetails")
path: '/productdetails',
name: 'productdetails',
component: () => import('@/views/pages/productdetails')
},
{
path: "/successfulpayment",
name: "successfulpayment",
component: () => import("@/views/pages/successfulpayment")
path: '/successfulpayment',
name: 'successfulpayment',
component: () => import('@/views/pages/successfulpayment')
},
{
path: "/placeorder",
name: "placeorder",
component: () => import("@/views/pages/placeorder")
path: '/placeorder',
name: 'placeorder',
component: () => import('@/views/pages/placeorder')
},
{
path: "/jdbycdetailtm",
name: "jdbycdetailtm",
component: () => import("@/views/pages/jdbycdetailtm")
path: '/jdbycdetailtm',
name: 'jdbycdetailtm',
component: () => import('@/views/pages/jdbycdetailtm')
},
{
path: "/companydetail",
name: "companydetail",
component: () => import("@/views/pages/companydetail")
path: '/companydetail',
name: 'companydetail',
component: () => import('@/views/pages/companydetail')
},
{
path: "/jdindentlist",
name: "jdindentlist",
component: () => import("@/views/pages/jdindentlist")
path: '/jdindentlist',
name: 'jdindentlist',
component: () => import('@/views/pages/jdindentlist')
},
{
path: "/jdindentdetail",
name: "jdindentdetail",
component: () => import("@/views/pages/jdindentdetail")
path: '/jdindentdetail',
name: 'jdindentdetail',
component: () => import('@/views/pages/jdindentdetail')
},
/////////
{
path: "/jdtrademark",
name: "jdtrademark",
component: () => import("@/views/pages/jdtrademark/Jdtrademark")
path: '/jdtrademark',
name: 'jdtrademark',
component: () => import('@/views/pages/jdtrademark/Jdtrademark')
},
{
path: "/selftmreg",
name: "selftmreg",
component: () => import("@/views/pages/selftmreg/Selftmreg")
path: '/selftmreg',
name: 'selftmreg',
component: () => import('@/views/pages/selftmreg/Selftmreg')
},
{
path: "/guaranteereg",
name: "guaranteereg",
component: () => import("@/views/pages/guaranteereg/Guaranteereg")
path: '/guaranteereg',
name: 'guaranteereg',
component: () => import('@/views/pages/guaranteereg/Guaranteereg')
},
// 公告查询 十二期公告 首页
{
path: "/bycnoticetm",
name: "bycnoticetm",
component: () => import("@/views/pages/bycnoticetm/Bycnoticetm")
path: '/bycnoticetm',
name: 'bycnoticetm',
component: () => import('@/views/pages/bycnoticetm/Bycnoticetm')
},
// 公告查询 查询页面 查询页
{
path: "/bycnoticeindex",
name: "bycnoticeindex",
component: () => import("@/views/pages/bycnoticeindex/Bycnoticeindex")
path: '/bycnoticeindex',
name: 'bycnoticeindex',
component: () => import('@/views/pages/bycnoticeindex/Bycnoticeindex')
},
// 公告查询 公告详情页
{
path: "/bycnoticedetail",
name: "bycnoticedetail",
component: () => import("@/views/pages/bycnoticedetail/Bycnoticedetail")
path: '/bycnoticedetail',
name: 'bycnoticedetail',
component: () => import('@/views/pages/bycnoticedetail/Bycnoticedetail')
},
///// 政策后台页面
{
path: "/policyadmin",
name: "policyadmin",
component: () => import("@/views/pages/policyadmin/policyadmin.vue")
path: '/policyadmin',
name: 'policyadmin',
component: () => import('@/views/pages/policyadmin/policyadmin.vue')
},
///// 公司列表页
{
path: "/comapnylist",
name: "comapnylist",
component: () => import("@/views/fqembed/comapnylist.vue")
},
path: '/comapnylist',
name: 'comapnylist',
component: () => import('@/views/fqembed/comapnylist.vue')
}
];
const router = new VueRouter({
routes,
......
<template>
<div class="confirmation">
<div class="confirmationTitle">
<div>确认订单</div>
</div>
<div class="confirmationMsg">
<div class="confirmationMsg-main">
<div class="main-top">
<p>产品名称</p>
<p>配置详情</p>
<p>付费方式</p>
<p>数量</p>
<p>优惠</p>
<p>资费</p>
</div>
<div class="main-top main-msg">
<p>ICP许可证办理</p>
<p>ICP许可证产品分类:自助办理</p>
<p>预付款</p>
<p>1</p>
<p>¥0.00</p>
<p>¥1000.00</p>
</div>
</div>
<div class="confirmationMsg-bottom">
<div>
<p>总计费用:<span>¥1000.00</span></p>
<button>确认购买</button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.confirmation {
width: 100%;
background: #f5f5f6;
padding: 0 0 50px 0;
.confirmationTitle {
width: 100%;
padding: 20px 0;
background: #fff;
div {
width: 1200px;
margin: 0 auto;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
line-height: 20px;
}
}
.confirmationMsg {
width: 1200px;
margin: 30px auto;
}
}
.confirmationMsg-main {
width: 100%;
background: #fff;
padding: 20px 20px 30px 20px;
border-radius: 2px;
margin-bottom: 50px;
.main-top {
display: flex;
padding: 10px 20px;
border: 1px solid rgba(235, 236, 236, 1);
margin-bottom: 20px;
p {
flex: 1;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
line-height: 17px;
}
p:nth-child(2) {
width: 260px;
flex: none;
}
}
.main-msg {
width: 100%;
padding: 16px 20px;
background: rgba(245, 245, 246, 1);
}
}
.confirmationMsg-bottom {
width: 100%;
padding: 27px 32px;
background: #fff;
text-align: right;
div {
display: flex;
justify-content: flex-end;
p {
margin-right: 40px;
font-size: 14px;
font-family: HelveticaNeue;
color: rgba(0, 0, 0, 0.85);
line-height: 16px;
span {
font-size: 26px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 138, 1, 1);
line-height: 36px;
margin-left: 10px;
}
}
button {
width: 154px;
height: 36px;
background: rgba(255, 138, 1, 1);
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 22px;
border: none;
}
}
}
</style>
<template>
<div class="fillmaterials">
<div class="fillmaterialsTitle">
<div class="fillmaterialsTitle-wrap">
<el-breadcrumb separator="|">
<el-breadcrumb-item :to="{ path: '/' }"
><i class="el-icon-arrow-left"></i> 返回</el-breadcrumb-item
>
<el-breadcrumb-item>填写材料</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="fillmaterialsMsg">
<div class="fillmaterialsMsg-step">
<li
v-for="(item, index) in stepList"
:key="index"
:class="actived(index)"
>
<p>
<em class="before"></em>
<span>{{ item }}</span>
<i></i>
</p>
</li>
</div>
<div></div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
stepList: [
'申请人信息',
'实时计划',
'企业人员情况',
'股东情况',
'其他材料'
],
activedIndex: 2
};
},
methods: {
actived(index) {
if (index == this.activedIndex) {
return 'actived';
} else if (index < this.activedIndex) {
return 'finish';
} else {
return '';
}
}
}
};
</script>
<style lang="scss">
.fillmaterials {
width: 100%;
background: #f5f5f6;
.fillmaterialsTitle {
width: 100%;
padding: 19px 0;
background: #fff;
.fillmaterialsTitle-wrap {
width: 1200px;
margin: 0 auto;
.el-breadcrumb__item {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
line-height: 22px;
}
.is-link {
color: rgba(255, 106, 0, 1);
}
}
}
.fillmaterialsMsg {
width: 1200px;
margin: 0 auto;
}
}
.fillmaterialsMsg-step {
width: 100%;
margin: 30px 0 20px 0;
display: flex;
li {
width: 24%;
display: list-item;
text-align: center;
float: left;
margin-right: 8px;
background: #ebecec;
border-top: 1px solid #ebecec;
height: 40px;
position: relative;
p {
display: block;
padding: 8px 0;
cursor: pointer;
height: 40px;
box-sizing: border-box;
span {
vertical-align: middle;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9ea1a2;
line-height: 17px;
display: inline-block;
overflow: hidden;
text-align: center;
width: 75%;
}
i {
float: right;
width: 28px;
height: 28px;
margin: 3px 0px 0px 3.5px;
top: 2px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: #ebecec;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;
z-index: 22;
}
em.before {
width: 28px;
height: 28px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
float: left;
margin: -3px 10px 0px -14.5px;
top: 2px;
background: #f5f5f6;
z-index: 2;
}
}
}
li:first-child {
em.before {
background: none;
}
}
li:last-child {
margin-right: 0;
i {
background: none !important;
}
}
.finish {
border-top: 1px solid #ffb35d;
border-bottom: 1px solid #ffb35d;
background: #ffb35d !important;
color: #fff;
span {
color: #fff;
}
i {
background: #ffb35d !important;
}
}
.actived {
border-top: 1px solid #ff8a01;
border-bottom: 1px solid #ff8a01;
background: #ff8a01 !important;
color: #fff;
span {
color: #fff;
}
i {
background: #ff8a01 !important;
}
}
}
</style>
<template>
<div class="productdetails">
<div class="productdetailsMsg">
<div class="productdetailsToP">
<div class="productdetailsToP-right">
<img src="../../../assets/imgs/icplicense/u3.png" alt="" />
<h4>ICP许可证</h4>
<p>助力企业资质安全 合规合法经营</p>
</div>
<div class="productdetailsToP-left">
<h1>互联网信息经营(ICP)许可证办理</h1>
<h2>
ICP许可证 / ICP牌照 / 互联网经营许可证 / 互联网信息服务业务许可证
</h2>
<div class="priceMsg">
<div class="priceMsgLeft">
<p>价格:<span>¥1000</span></p>
<p>折扣价格:<b>¥1000</b></p>
</div>
<div class="priceMsgRight">
<p>42人正在使用</p>
<el-rate v-model="countXin" disabled text-color="#FFCC01">
</el-rate>
</div>
</div>
<div class="typeJiao">
<p><b>交付方式</b><span>线上交付</span></p>
</div>
<div class="typeJiaoFu">
<p>
<b>规格</b
><span
v-for="(item, index) in typeList"
:key="index"
@click="typeClick(index)"
:class="typeIndex == index ? 'active' : ''"
>{{ item }}</span
>
</p>
</div>
<button>立即购买</button>
</div>
</div>
<div class="productdetailsMain">
<div class="productdetailsMain-tabs">
<p
:class="index == tabsIndex ? 'actived' : ''"
v-for="(item, index) in tabsList"
:key="index"
@click="tabsClick(index)"
>
{{ item }}
</p>
</div>
<div class="productdetailsMain-title">
<p>办理须知</p>
</div>
<div class="productdetailsMain-items">
<div class="itemmsg">
<div class="items">
<div></div>
<h3>行业</h3>
<p>
如网站中含有前置审批(特殊行业)内容,则需要首先通过行业前置审批后才可以申请
</p>
</div>
<div class="items">
<div></div>
<h3>地域</h3>
<p>
ICP许可证由企业注册所在地的通信管理局审批,各地区政策有区别。
</p>
</div>
<div class="items">
<div></div>
<h3>盈利模式</h3>
<p>
在线盈利模式包括互联网有偿信息服务,包括在线销售、在线支付、广告招商、会员收费、企业合作、项目投标等。
</p>
</div>
</div>
</div>
<div class="productdetailsMain-title">
<p>办理条件</p>
</div>
<div class="productdetailsMain-items">
<div class="conditions">
<p v-for="(item, index) in conditionsList" :key="index">
<span>{{ index + 1 }}</span
>{{ item }}
</p>
</div>
</div>
<div class="productdetailsMain-title">
<p>办理流程</p>
</div>
<div class="productdetailsMain-items">
<div class="flow">
<div class="line"></div>
<div class="flowItem">
<div></div>
<p>提交资料</p>
</div>
<div class="flowItem">
<div></div>
<p>提交资料</p>
</div>
<div class="flowItem">
<div></div>
<p>提交资料</p>
</div>
<div class="flowItem">
<div></div>
<p>提交资料</p>
</div>
</div>
</div>
<div class="productdetailsMain-title">
<p>所需材料</p>
</div>
<div class="productdetailsMain-items">
<div class="materials">
<div class="materialsMain">
<p v-for="(item, index) in materialsList" :key="index">
<span>{{ index + 1 }}. </span>
{{ item }}
</p>
</div>
</div>
</div>
<div class="productdetailsMain-title">
<p>服务优势</p>
</div>
<div class="productdetailsMain-items">
<div class="advantages"></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
countXin: 5.0,
tabsIndex: 0,
typeIndex: 0,
typeList: ['自助注册', '专家辅助注册'],
tabsList: [
'产品内容',
'办理须知',
'办理条件',
'办理流程',
'所需材料',
'服务优势'
],
conditionsList: [
'经营者为依法设立的公司,注册资金大于等于100万的内资公司;',
'有与开发经营活动相适应的资金和专业人员;',
'有业务发展计划及相关技术方案;',
'有为用户提供长期服务的荣誉或者能力;',
'健全的网络与信息安全保障措施,包括网站安全保障措施、信息安全保密管理制度、用户信息安全管理制度;',
'涉及到ICP管理办法中规定需要前置审批的信息服务内容的,已取得有关主管部门同意的文件;',
'国家规定的其他条件。'
],
materialsList: [
'营业执照副本原件彩色扫描件 ',
'公司法人、股东为自然人,准备其身份证原件扫描件; ',
'公司股东为企业法人,提交其企信网截图, 申请公司为上市公司的,需提供其十大股东截图,并提供其十大股东中的自然人身份证彩色扫描 件或企业法人的企信网截图; ',
'3名社保人员身份证原件彩色扫描件(身份证正反面都扫描)及近期一个月社保证明; ',
'托管协议原件彩色扫描件及托管商IDC证书复印件; ',
'域名注册证书原件彩色扫描件(域名所有人必须公司全称); '
]
};
},
methods: {
tabsClick(index) {
this.tabsIndex = index;
},
typeClick(index) {
this.typeIndex = index;
}
}
};
</script>
<style lang="scss" scoped>
.productdetails {
width: 100%;
.productdetailsMsg {
width: 1314px;
margin: 0 auto;
background: #fff;
}
}
.productdetailsToP {
padding: 30px 17px;
display: flex;
.productdetailsToP-right {
width: 450px;
height: 330px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
h4 {
position: relative;
z-index: 3;
font-size: 40px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 56px;
letter-spacing: 3px;
text-shadow: 0px 2px 4px rgba(237, 100, 15, 1);
margin-bottom: 56px;
}
p {
position: relative;
z-index: 3;
width: 176px;
height: 60px;
font-size: 22px;
font-family: ArialMT;
color: rgba(255, 255, 255, 1);
line-height: 40px;
text-align: center;
}
}
.productdetailsToP-left {
flex: 1;
padding-left: 34px;
h1 {
font-size: 20px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(55, 61, 65, 1);
line-height: 28px;
margin-bottom: 10px;
}
h2 {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(55, 61, 65, 1);
line-height: 22px;
margin-bottom: 20px;
}
.priceMsg {
width: 100%;
height: 110px;
background: rgba(248, 248, 248, 1);
border-radius: 1px;
display: flex;
padding: 11px 0 9px;
.priceMsgLeft {
flex: 1;
padding: 10px 11px 0 11px;
p {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(55, 61, 65, 1);
line-height: 22px;
margin-bottom: 18px;
span {
color: #616669;
text-decoration: line-through;
}
b {
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(254, 106, 1, 1);
}
}
}
.priceMsgRight {
width: 160px;
border-left: 1px solid #d6d6d6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
p {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(55, 61, 65, 1);
line-height: 22px;
margin-bottom: 10px;
}
}
}
.typeJiao {
margin-top: 16px;
p {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
b {
color: rgba(155, 158, 160, 1);
line-height: 20px;
display: inline-block;
width: 78px;
}
span {
color: #fe6a01;
display: inline-block;
padding: 7px 29px;
border: 1px solid rgba(254, 106, 1, 1);
}
}
}
.typeJiaoFu {
margin-top: 16px;
p {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
b {
color: rgba(155, 158, 160, 1);
line-height: 20px;
display: inline-block;
width: 78px;
}
span {
color: #7f8285;
display: inline-block;
padding: 7px 29px;
border: 1px solid #dddddd;
margin-right: 30px;
cursor: pointer;
}
.active {
color: #fe6a01;
border: 1px solid rgba(254, 106, 1, 1);
}
}
}
button {
margin-top: 35px;
width: 158px;
height: 47px;
background: rgba(254, 106, 1, 1);
border: none;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 22px;
}
}
}
.productdetailsMain {
width: 100%;
.productdetailsMain-tabs {
width: 100%;
border-bottom: 1px solid #d7d8d9;
display: flex;
p {
padding: 20px 0;
margin: 0 20px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #373d41;
line-height: 22px;
cursor: pointer;
}
.actived {
border-bottom: 2px solid #fe6a01;
color: #fe6a01;
}
}
.productdetailsMain-title {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
p {
padding: 20px 0 10px 0;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(54, 60, 64, 1);
line-height: 40px;
border-bottom: 2px solid rgba(254, 106, 1, 1);
}
}
.productdetailsMain-items {
width: 100%;
padding: 40px 0 50px;
.itemmsg {
padding: 0 40px;
display: flex;
justify-content: space-between;
.items {
width: 275px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
div {
width: 64px;
height: 64px;
background: #ccc;
margin-bottom: 45px;
}
h3 {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(55, 61, 65, 1);
line-height: 30px;
margin-bottom: 18px;
}
p {
height: 110px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(55, 61, 65, 1);
line-height: 22px;
text-align: center;
}
}
}
.conditions {
width: 100%;
padding: 0 40px;
p {
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(89, 95, 111, 1);
line-height: 24px;
letter-spacing: 1px;
display: flex;
margin-bottom: 23px;
span {
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
background: rgba(254, 106, 1, 1);
border-radius: 50px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 22px;
margin-right: 15px;
}
}
}
.flow {
width: 100%;
position: relative;
display: flex;
justify-content: space-evenly;
align-items: center;
.line {
position: absolute;
top: 45px;
left: 0;
margin-top: -1px;
width: 100%;
height: 2px;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 1) 0%,
rgba(254, 106, 1, 1) 49%,
rgba(255, 255, 255, 1) 100%
);
border-radius: 1px;
z-index: 1;
}
.flowItem {
width: 90px;
position: relative;
z-index: 2;
div {
width: 90px;
height: 90px;
background: #fff;
border-radius: 100px;
margin-bottom: 20px;
box-shadow: 0px 0px 8px 0px rgba(249, 111, 13, 0.42);
}
p {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(55, 61, 65, 1);
line-height: 30px;
}
}
}
.materials {
padding: 0 30px;
.materialsMain {
width: 100%;
background: #f9f9f9;
padding: 40px 47px;
p {
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(64, 69, 73, 1);
line-height: 22px;
margin-bottom: 23px;
display: flex;
span {
margin-right: 10px;
display: block;
}
}
}
}
.advantages {
width: 100%;
height: 470px;
}
}
}
</style>
......@@ -213,7 +213,7 @@
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
<!-- 暂无数据 -->
<div class="notData" v-if="dataList.length == 0">
<img src="@/assets/imgs/wushuju.png" alt="" />
......@@ -701,6 +701,7 @@ export default {
left: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 111;
display: none;
.imgUpload-main {
width: 600px;
margin: 150px auto;
......
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