main
han 9 months ago
parent 328d6f5b01
commit 3996c1dd69
  1. BIN
      src/assets/fonts/AlimamaShuHeiTi-Bold.ttf
  2. 1
      src/assets/images/title_bg.svg
  3. 25
      src/assets/styles/v-vision.scss
  4. 22
      src/views/pages/case-detail.vue
  5. 21
      src/views/pages/case-list.vue
  6. 14
      src/views/pages/news-detail.vue
  7. 22
      src/views/pages/news-list.vue
  8. 12
      src/views/pages/theme/about-us.vue

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 85 KiB

@ -25,11 +25,28 @@ img {
.cjy-banner-text {
position: absolute;
width: 1220px;
top: 50%;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
.title{font-weight: bold; font-size: 45px;color: #fff}
.subtitle{font-size: 16px;color: #fff}
transform: translate(-50%, -40%);
.title {
height: 140px;
padding-left: 60px;
font-weight: bold;
font-size: 72px;
color: #fff;
background: url("~@/assets/images/title_bg.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: 0 bottom;
}
.subtitle {
margin-top: -20px;
padding-left: 60px;
font-size: 24px;
color: #fff
}
}
.img {

@ -4,7 +4,11 @@
<VHeader></VHeader>
<!-- 页面 广告条 -->
<div class="cjy-banner">
<img src="@/assets/test/banner02.jpg" class="img" />
<div class="cjy-banner-text">
<div class="title">{{ banner_data.title }}</div>
<div class="subtitle">{{ banner_data.subtitle }}</div>
</div>
<img :src="banner_data.logo" class="img"/>
</div>
<!-- 页面 面包屑 -->
<div class="v-container">
@ -47,6 +51,7 @@ export default {
name: "case-list",
data() {
return {
banner_data: null,//广
case_id: null,
case_data: {},
//
@ -56,18 +61,25 @@ export default {
},
mounted() {
this.case_id = this.$route.query.id;
//
//
this.getMenuData()
//
this.getCaseData()
this.infoPages()
//
this.getBanner()
},
methods: {
//
async getBanner() {
let res = await Api.getColumnInfoList({type: 13});
this.banner_data = res.data.list[0]
},
//
getMenuData(){
this.menu_list=this.getDictDatas(DICT_TYPE.COLUMN_TYPE)
console.log(this.getDictDatas(DICT_TYPE.COLUMN_TYPE))
},
//
async getCaseData(id,active) {
async infoPages(id,active) {
if(active){
this.active_menu = active
}

@ -4,7 +4,11 @@
<VHeader></VHeader>
<!-- 页面 广告条 -->
<div class="cjy-banner">
<img src="@/assets/test/banner01.jpg" class="img"/>
<div class="cjy-banner-text">
<div class="title">{{ banner_data.title }}</div>
<div class="subtitle">{{ banner_data.subtitle }}</div>
</div>
<img :src="banner_data.logo" class="img"/>
</div>
<!-- 页面 面包屑 -->
<div class="v-container">
@ -35,10 +39,12 @@
<script>
import * as Api from "@/api/cjy/columninfo"
export default {
name: "case-list",
data() {
return {
banner_data: null,//广
queryParams: {
pageNo: 1,
pageSize: 10,
@ -48,10 +54,19 @@ export default {
}
},
mounted() {
this.getList()
//
this.getBanner()
//
this.infoPages()
},
methods: {
async getList() {
//
async getBanner() {
let res = await Api.getColumnInfoList({type: 13});
this.banner_data = res.data.list[0]
},
//
async infoPages() {
let res = await Api.getColumnInfoList(this.queryParams)
this.case_list = res.data.list
},

@ -4,7 +4,11 @@
<VHeader></VHeader>
<!-- 页面 广告条 -->
<div class="cjy-banner">
<img src="@/assets/test/banner02.jpg" class="img"/>
<div class="cjy-banner-text">
<div class="title">{{ banner_data.title }}</div>
<div class="subtitle">{{ banner_data.subtitle }}</div>
</div>
<img :src="banner_data.logo" class="img"/>
</div>
<!-- 页面 面包屑 -->
<div class="v-container">
@ -47,6 +51,7 @@ export default {
name: "news-detail",
data() {
return {
banner_data: null,//广
news_id:null,
news_data: {},
//
@ -55,12 +60,19 @@ export default {
},
mounted() {
this.news_id = this.$route.query.id;
//
this.getBanner()
//
this.getNewsData()
//
this.getNewsList()
},
methods: {
//
async getBanner() {
let res = await Api.getColumnInfoList({type: 14});
this.banner_data = res.data.list[0]
},
//
async getNewsData() {
let res = await Api.getDetail(this.news_id)

@ -4,7 +4,11 @@
<VHeader></VHeader>
<!-- 页面 广告条 -->
<div class="cjy-banner">
<img src="@/assets/test/banner02.jpg" class="img"/>
<div class="cjy-banner-text">
<div class="title">{{ banner_data.title }}</div>
<div class="subtitle">{{ banner_data.subtitle }}</div>
</div>
<img :src="banner_data.logo" class="img"/>
</div>
<!-- 页面 面包屑 -->
<div class="v-container">
@ -54,6 +58,7 @@ export default {
name: "list",
data() {
return {
banner_data: null,//广
queryParams: {
pageNo: 1,
pageSize: 10,
@ -66,12 +71,19 @@ export default {
}
},
mounted() {
//
this.getNewsList()
//
this.getBanner()
//
this.infoPages()
},
methods: {
//
async getNewsList() {
//
async getBanner() {
let res = await Api.getColumnInfoList({type: 14});
this.banner_data = res.data.list[0]
},
//
async infoPages() {
switch (this.active) {
case "first":
this.queryParams.infoType = 1

@ -5,10 +5,10 @@
<!-- 页面 广告条 -->
<div class="cjy-banner">
<div class="cjy-banner-text">
<div class="title">关于我们</div>
<div class="subtitle">{{company_info.subtitle}}</div>
<div class="title">{{ banner_data.title }}</div>
<div class="subtitle">{{ banner_data.subtitle }}</div>
</div>
<img :src="company_info.logo" class="img"/>
<img :src="banner_data.logo" class="img"/>
</div>
<!-- 页面 面包屑 -->
<div class="v-container">
@ -71,7 +71,8 @@
</el-row>
</div>
<el-row :gutter="30" class="culture-bot">
<el-col :span="12" v-for="(item,index) in company_culture.image" :key="index"><img :src="item" class="img"/></el-col>
<el-col :span="12" v-for="(item,index) in company_culture.image" :key="index"><img :src="item" class="img"/>
</el-col>
</el-row>
</div>
@ -159,6 +160,7 @@ export default {
},
data() {
return {
banner_data: null,//广
company_info: null,//
company_data: null,//
company_culture: null,//
@ -190,6 +192,8 @@ export default {
let info = await Api.getColumnInfoList({type: 2});
this.company_info = info.data.list[0]
let banner = await Api.getColumnInfoList({type: 12});
this.banner_data = banner.data.list[0]
let culture = await Api.getColumnInfoList({type: 11});
this.company_culture = culture.data.list[0]

Loading…
Cancel
Save