cjy-Web
/
cjy_web
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

初始化

Browse Source
main
han 9 months ago
parent 328d6f5b01
commit 3996c1dd69
8 changed files with 95 additions and 22 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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

BIN
src/assets/fonts/AlimamaShuHeiTi-Bold.ttf
View File

Binary file not shown.

1
src/assets/images/title_bg.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

25
src/assets/styles/v-vision.scss
Unescape View File

@ -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 {

22
src/views/pages/case-detail.vue
Unescape View File

@ -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
}

21
src/views/pages/case-list.vue
Unescape View File

@ -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
},

14
src/views/pages/news-detail.vue
Unescape View File

@ -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)

22
src/views/pages/news-list.vue
Unescape View File

@ -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

12
src/views/pages/theme/about-us.vue
Unescape View File

@ -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]

Write Preview
Loading…
Cancel
Save