|
|
@@ -0,0 +1,89 @@
|
|
|
+<template>
|
|
|
+ <div id="zhfw">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="zhfw">
|
|
|
+ <el-col :span="4" class="describe">服务描述:</el-col>
|
|
|
+ <el-col :span="24" class="text1">
|
|
|
+ <p>
|
|
|
+ 展会众多业内人士众多齐聚直播大厅现场进行业务洽谈、产品展示、以及行业经验的交流。展会邀请各种行业的企业进行参加，促进行业交流，内外交流，横向交流，促进商业发展
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="process">服务流程:</el-col>
|
|
|
+ <el-col :span="24" class="text1">
|
|
|
+ <el-col :span="24" class="con">
|
|
|
+ <el-col :span="3" class="login">注册登录</el-col>
|
|
|
+ <el-col :span="1" class="arrow"><i class="el-icon-right"></i></el-col>
|
|
|
+ <el-col :span="5" class="login">提交申请办展材料</el-col>
|
|
|
+ <el-col :span="1" class="arrow"><i class="el-icon-right"></i></el-col>
|
|
|
+ <el-col :span="3" class="login">确认需求</el-col>
|
|
|
+ <el-col :span="1" class="arrow"><i class="el-icon-right"></i></el-col>
|
|
|
+ <el-col :span="3" class="login">展会宣传</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ name: 'zhfw',
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data: function() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.zhfw {
|
|
|
+ .describe,
|
|
|
+ .process {
|
|
|
+ background-color: #22529a;
|
|
|
+ height: 45px;
|
|
|
+ border-radius: 10px;
|
|
|
+ line-height: 45px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bolder;
|
|
|
+ }
|
|
|
+ .text1 {
|
|
|
+ height: 100px;
|
|
|
+ border: 1px solid #22529a;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 15px;
|
|
|
+ padding: 20px 10px 0px 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ .con {
|
|
|
+ padding-left: 10px;
|
|
|
+ .login {
|
|
|
+ border: 1px solid rgb(221, 219, 219);
|
|
|
+ height: 40px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .arrow {
|
|
|
+ text-align: center;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .process {
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
