我是个攻城狮
1534 lines
37 KiB
Vue
1534 lines
37 KiB
Vue
<template>
|
||
<Layout :index="-1" :titles="'资源中心'" :title_content="'资源中心'">
|
||
<view >
|
||
<view class="content">
|
||
<view class="content_top">
|
||
<view class="banner">
|
||
<image class="banner_img" src="../static/img/game/banner.png"></image>
|
||
<image class="banner_title" src="../static/img/game/tt.png"></image>
|
||
<!-- <view class="banner_desc">“COG 好游戏计划”以发现、支持、推出优秀游戏产品为宗旨，鼓励游戏作品弘扬传承中华优秀传统文化，打造更多思想精深、艺术精湛、制作精良的精品佳作，用年轻化的数字表达方式，弘扬传播中华文化传递文化自信，实现游戏产业高质量发展。</view> -->
|
||
<!-- <swiper indicator-dots autoplay>
|
||
<swiper-item v-for="(item, index) in imgList" :key="index">
|
||
<image :src="item" class="slide-image"></image>
|
||
</swiper-item>
|
||
</swiper> -->
|
||
</view>
|
||
</view>
|
||
<view class="content_bottom_num">
|
||
<view class="num_item">
|
||
<image class="num_item_img" src="../static/img/game/num1.png"></image>
|
||
<view class="num_item_text">
|
||
<view class="num_item_text_title">{{setting.company_num}} <text class="dw">个</text></view>
|
||
<view class="num_item_text_num">确权主体</view>
|
||
</view>
|
||
</view>
|
||
<view class="num_item">
|
||
<image class="num_item_img" src="../static/img/game/num1.png"></image>
|
||
<view class="num_item_text">
|
||
<view class="num_item_text_title">{{setting.data_num}} <text class="dw">个</text></view>
|
||
<view class="num_item_text_num">数据资产包</view>
|
||
</view>
|
||
</view>
|
||
<view class="num_item">
|
||
<image class="num_item_img" src="../static/img/game/num1.png"></image>
|
||
<view class="num_item_text">
|
||
<view class="num_item_text_title">{{setting.chain_num}} <text class="dw">个</text></view>
|
||
<view class="num_item_text_num">上链数据</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="content_bottom">
|
||
<view class="form_query">
|
||
<input type="text" v-model="keyword" class="hash" name="param" placeholder="输入主体或数据资产名称" value="">
|
||
<image src="../static/img/game/ss.png" class="ss" @tap="getGameList()"></image>
|
||
</view>
|
||
<view class="form_query_hot" v-if="hotlist.length>0">
|
||
<view class="form_query_hot_item">
|
||
<view class="form_query_hot_item_title">热门搜索:</view>
|
||
<view class="form_query_hot_item_content">
|
||
<view class="form_query_hot_item_content_item" v-for="(item, index) in hotlist" :key="index" @tap="gethot(item)">{{item}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="year-navs year-navs_year">
|
||
<view class="nav_title">发行年份：
|
||
<view class="year_item">
|
||
<label :class="isAllSelectedyear ? 'game_type_actives game_types' : 'option_defaultall game_types'" @click="selectAllyear">
|
||
<view class="checkboxHidden">
|
||
<checkbox value="0" :checked="isAllSelectedyear" />
|
||
</view>
|
||
全部
|
||
</label>
|
||
<!-- 时间选中器 -->
|
||
<view class="yearall">
|
||
<el-date-picker
|
||
class="year_item_date"
|
||
v-model="years1"
|
||
type="year"
|
||
prefix-icon="none"
|
||
placeholder="选择起始年份"
|
||
@change="changes()"
|
||
>
|
||
</el-date-picker>
|
||
<view style="color: #0006;">-</view>
|
||
<el-date-picker
|
||
class="year_item_date"
|
||
v-model="years2"
|
||
type="year"
|
||
prefix-icon="none"
|
||
placeholder="选择结束年份"
|
||
@change="changes2()"
|
||
>
|
||
</el-date-picker>
|
||
<view class="yearall_img" >
|
||
<image class="yearall_img" src="../static/img/game/time.png"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="year-navs">
|
||
<view class="nav_title">发行平台：
|
||
<!-- 默认全部 -->
|
||
<view class="year-navs_item">
|
||
<label :class="isAllSelected ? 'game_type_active game_types' : 'option_defaultall game_types'" @click="selectAll">
|
||
<view class="checkboxHidden">
|
||
<checkbox value="0" :checked="isAllSelected" />
|
||
</view>
|
||
全部
|
||
</label>
|
||
<checkbox-group class="d-b-cs" @change="checkboxChange" >
|
||
<label v-for="(item, index) in gameclass" :key="String(item.id)"
|
||
:class="item.checked?'game_type_active game_type':'option_defaultall game_type'">
|
||
<view class="checkboxHidden">
|
||
<checkbox :value="String(item.id)" :checked="item.checked" />
|
||
</view>
|
||
{{item.name}}
|
||
</label>
|
||
</checkbox-group>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="year-navs">
|
||
<view class="nav_title">游戏类型：
|
||
<view class="year-navs_item">
|
||
<label :class="isAllSelecteds ? 'game_type_active game_types' : 'option_default game_types'" @click="selectAlls">
|
||
<view class="checkboxHidden">
|
||
<checkbox value="0" :checked="isAllSelecteds" />
|
||
</view>
|
||
全部
|
||
</label>
|
||
<checkbox-group class="d-b-css" @change="checkboxChanges">
|
||
<label v-for="(item, index) in typess" :key="String(item.id)"
|
||
:class="item.checkeds?'game_type_active game_type':'option_default game_type'" >
|
||
<view class="checkboxHidden">
|
||
<checkbox :value="String(item.id)" :checked="item.checkeds" />
|
||
</view>
|
||
{{item.name}}
|
||
</label>
|
||
</checkbox-group></view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="content_two ">
|
||
<view class="title_box">
|
||
<view class="index_title" :class="{'title_active': activeTab === 1}" @tap="exchange(1)">
|
||
<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
|
||
<h5>资产融资</h5>
|
||
<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
|
||
</view>
|
||
|
||
<view class="index_title" :class="{'title_active': activeTab === 2}" @tap="exchange(2)">
|
||
<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
|
||
<h5>资产处置</h5>
|
||
<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
|
||
</view>
|
||
</view>
|
||
<view class="content_two_content" v-if="glistData.length>0">
|
||
<view class="content_two_l">
|
||
<view class="content_two_list" v-for="(item, index) in glistData" :key="index" >
|
||
<view class="g_name">
|
||
<view class="g_name_title" @tap="goPath('/gameDtail?id='+item.id)" >
|
||
<image class="yx_icon" src="../static/img/game/g_icon.png"></image>
|
||
{{item.name}}</view>
|
||
<view class="g_name_more" @tap="goPath('/gameDtail?id='+item.id)" >
|
||
查看详情<i class="el-icon-d-arrow-right" ></i>
|
||
</view>
|
||
</view>
|
||
<view class="g_content">
|
||
<view class="g_content_left">
|
||
<image class="g_image" :src="item.image[0]['file_path']" @tap="goPath('/gameDtail?id='+item.id)" ></image>
|
||
<view class="g_content_company_name">
|
||
<image class="yx_icon" src="../static/img/game/zc_icon.png"></image>
|
||
资产所属主体: <text class="g_content_company_name_text">{{item.asset.username}}</text>
|
||
</view>
|
||
<view class="g_content_company_name">
|
||
<image class="yx_icon" src="../static/img/game/yf_icon.png"></image>
|
||
研发商: <text class="g_content_company_name_text">{{item.make_company}}</text>
|
||
</view>
|
||
<view class="g_content_company_name">
|
||
<image class="yx_icon" src="../static/img/game/fx_icon.png"></image>
|
||
发行商: <text class="g_content_company_name_text">{{item.issuing_company}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="g_content_right">
|
||
<image class="g_content_right_image" :src="item.cert_url?item.cert_url:'../static/img/game/cert.png'" @tap="previewImage(item.cert_url?item.cert_url:'../static/img/game/cert.png')"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
|
||
</view>
|
||
<view v-if="glistData.length==0" class="nocontent">
|
||
暂无数据
|
||
</view>
|
||
<view style="width: 100%;" v-if="glistData.length>0">
|
||
<el-pagination layout="prev, pager, next" :total="gtotal" :current-page="gpage" :page-size="glimit" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
|
||
</view>
|
||
</view>
|
||
|
||
<match-media :min-width="900">
|
||
<view class="one-stop">
|
||
<view class="one-stops">
|
||
<view class="title_box">
|
||
<view class="index_titles">
|
||
<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
|
||
<h5>其他入驻平台产品</h5>
|
||
<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
|
||
</view>
|
||
</view>
|
||
<swiper class="one-stop_list" circular="true" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
|
||
:duration="duration" next-margin="460px" display-multiple-items="3" indicator-color="#D8D8D8" indicator-active-color="#F48612" :current="currentIndex" @change="handleSwiperChange">
|
||
<swiper-item v-for="(item, index) in listData" :key="index" @tap="goPath('/gameDtail?id='+item.id)">
|
||
<view class="one-stop_item">
|
||
<image class="c_logo" :src="item.image[0]['file_path']"></image>
|
||
<view class="one-stop-qy">
|
||
<view class="a_ts">
|
||
<view class="a_t">{{item.name}}</view>
|
||
<view class="a_status" v-if="item.asset_status=='talk'">洽谈对接中</view>
|
||
<view class="a_status" v-if="item.asset_status=='financing'">需要融资</view>
|
||
<view class="a_status" v-if="item.asset_status=='frozen'">质押冻结中</view>
|
||
<view class="a_status" v-if="item.asset_status=='disposing'">待处置</view>
|
||
<view class="a_status" v-if="item.asset_status=='disposed'">处置完成</view>
|
||
</view>
|
||
<view class="a_text">{{item.make_company}}</view>
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
<!-- <view class="next" v-if="total>0">
|
||
<image class="n_l" src="../static/imgs/next0.png" @tap="prevSlide()"></image>
|
||
<image class="n_l" src="../static/imgs/next.png" @tap="nextSlide()"></image>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
</match-media>
|
||
<match-media :max-width="900">
|
||
<view class="one-stop">
|
||
<view class="one-stops">
|
||
<view class="title_box">
|
||
<view class="index_titles">
|
||
<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
|
||
<h5>其他入驻平台产品</h5>
|
||
<view><image class="t_l" src="../static/imgs/tr.png"></image></view>
|
||
</view>
|
||
</view>
|
||
<swiper class="one-stop_list" circular="true" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
|
||
:duration="duration" indicator-color="#D8D8D8" indicator-active-color="#F48612" :current="currentIndex" >
|
||
<swiper-item v-for="(item, index) in listData" :key="index" @tap="goPath('/gameDtail?id='+item.id)">
|
||
<view class="one-stop_item">
|
||
<image class="c_logo" :src="item.image[0]['file_path']"></image>
|
||
<view class="one-stop-qy">
|
||
<view class="a_ts">
|
||
<view class="a_t">{{item.name}}</view>
|
||
<view class="a_status">需要融资</view>
|
||
<!-- <view class="a_status" v-if="item.asset_status=='talk'">洽谈对接中</view>
|
||
<view class="a_status" v-if="item.asset_status=='financing'">需要融资</view>
|
||
<view class="a_status" v-if="item.asset_status=='frozen'">质押冻结中</view>
|
||
<view class="a_status" v-if="item.asset_status=='disposing'">待处置</view>
|
||
<view class="a_status" v-if="item.asset_status=='disposed'">处置完成</view> -->
|
||
</view>
|
||
<view class="a_text">{{item.make_company}}</view>
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
|
||
</view>
|
||
</view>
|
||
</match-media>
|
||
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
</Layout>
|
||
</template>
|
||
|
||
<script>
|
||
/**
|
||
* 程序启动页
|
||
* */
|
||
import Layout from './part/layouts.vue';
|
||
export default {
|
||
components: {
|
||
Layout,
|
||
},
|
||
data() {
|
||
return {
|
||
indicatorDots: false,
|
||
autoplay: true,
|
||
interval: 5000,
|
||
duration: 2000,
|
||
imgList: [
|
||
'../static/imgs/zh1.png',
|
||
'../static/imgs/zh1.png',
|
||
'../static/imgs/zh1.png',
|
||
],
|
||
|
||
selectedIndex: -1,
|
||
activeIndex: 0, // 当前激活的选项卡索引
|
||
Customer_service:false,
|
||
comment:false,
|
||
Inv:0,
|
||
codeTime:0,
|
||
FormData: {
|
||
phone: '',
|
||
name:'',
|
||
content:'',
|
||
},
|
||
keyword:'',
|
||
sort: '',
|
||
index:0,
|
||
priceValue: [2020, 2024], // 可以指定默认值
|
||
listData: [],
|
||
gameclass: [],
|
||
typess: [],
|
||
dateRange: [],
|
||
page: 1,
|
||
list_rows: 9,
|
||
total:0,
|
||
sclass :[],
|
||
stype :[],
|
||
hasMore: true,
|
||
currentIndex: 0,
|
||
isAllSelected: false,
|
||
isAllSelecteds: false,
|
||
isAllSelectedyear: false,
|
||
years1: '',
|
||
years2: '',
|
||
activeTab:1,
|
||
gpage: 1,
|
||
glimit: 4,
|
||
gtotal:0,
|
||
glistData: [],
|
||
setting:[],
|
||
hotlist:[],
|
||
last_page:0
|
||
}
|
||
},
|
||
onLoad() {
|
||
// const eventChannel = this.getOpenerEventChannel()
|
||
// eventChannel.on('pageData', data => {
|
||
// console.log(data,3333)
|
||
// // data即传过来的参数
|
||
// })
|
||
this.getTypeList();
|
||
this.gethotList();
|
||
},
|
||
|
||
onPageScroll(res) {
|
||
uni.$emit('onPageScroll', res.scrollTop);
|
||
},
|
||
onShow(params) {
|
||
this.getData();
|
||
this.getGameList();
|
||
},
|
||
methods: {
|
||
/*每页多少条*/
|
||
handleSizeChange(val){
|
||
this.glimit = val;
|
||
this.getGameList();
|
||
},
|
||
/*选择第几页*/
|
||
handleCurrentChange(val){
|
||
this.gpage = val;
|
||
this.getGameList();
|
||
},
|
||
gethotList(){
|
||
this._get('game.gameList/hotKeywords',{
|
||
limit:10
|
||
},res=>{
|
||
if(res.code==1){
|
||
this.hotlist = res.data.keywords
|
||
console.log(this.hotlist,'热门')
|
||
}
|
||
})
|
||
},
|
||
gethot(item){
|
||
this.keyword = item;
|
||
this.getGameList();
|
||
},
|
||
changes(){
|
||
if(this.years1==''){
|
||
this.$message.error('请选择起始年份');
|
||
return false;
|
||
}
|
||
if(this.years1&&this.years2){
|
||
let years1 = new Date(this.years1).getFullYear();
|
||
let years2 = new Date(this.years2).getFullYear();
|
||
if(years1>years2){
|
||
this.$message.error('起始年份不能大于结束年份');
|
||
return false;
|
||
}
|
||
this.getGameList();
|
||
}
|
||
},
|
||
changes2(){
|
||
if(this.years2==''){
|
||
this.$message.error('请选择结束年份');
|
||
return false;
|
||
}
|
||
if(this.years1&&this.years2){
|
||
let years1 = new Date(this.years1).getFullYear();
|
||
let years2 = new Date(this.years2).getFullYear();
|
||
if(years1>years2){
|
||
this.$message.error('起始年份不能大于结束年份');
|
||
return false;
|
||
}
|
||
this.getGameList();
|
||
}
|
||
},
|
||
selectAllyear(){
|
||
this.isAllSelectedyear = !this.isAllSelectedyear;
|
||
this.getGameList();
|
||
},
|
||
getGameList(){
|
||
//Wed Jan 01 2025 00:00:00 GMT+0800 (GMT+08:00)转换成年月日
|
||
let issuing_year = '';
|
||
if(this.years1&&this.years2){
|
||
let years1 = new Date(this.years1).getFullYear();
|
||
let years2 = new Date(this.years2).getFullYear();
|
||
issuing_year = years1+','+years2;
|
||
}
|
||
if(this.isAllSelectedyear){
|
||
issuing_year = '';
|
||
}
|
||
let category = 'financing';
|
||
if(this.activeTab==1){
|
||
category = 'financing';
|
||
}else if(this.activeTab==2){
|
||
category = 'disposing';
|
||
}
|
||
this._get('game.gameList/index',{
|
||
page: this.gpage,
|
||
limit: this.glimit,
|
||
category: category,
|
||
keyword: this.keyword,
|
||
type: this.sclass,
|
||
class: this.stype,
|
||
issuing_year: issuing_year,
|
||
},res=>{
|
||
this.glistData = res.data.data;
|
||
console.log(this.glistData,'资产列表all')
|
||
this.gtotal = res.data.total;
|
||
});
|
||
},
|
||
previewImage(url){
|
||
uni.previewImage({
|
||
urls: [url],
|
||
current: url
|
||
})
|
||
},
|
||
exchange(tab){
|
||
this.activeTab = tab;
|
||
this.gpage = 1;
|
||
this.getGameList();
|
||
|
||
},
|
||
handleSwiperChange(e) {
|
||
const newIndex = e.detail.current;
|
||
const isRightSwipe = newIndex > this.lastIndex;
|
||
const isLeftSwipe = newIndex < this.lastIndex;
|
||
console.log(newIndex,this.lastIndex,111111)
|
||
// 判断是否向右划到了最后一个
|
||
if (isRightSwipe && newIndex === this.listData.length - 1) {
|
||
console.log('向右划到了最后一个 swiper-item');
|
||
// 可以在这里添加向右划到最后一个时的处理逻辑
|
||
if(this.last_page>this.page){
|
||
this.page =this.page+1;
|
||
this.getData();
|
||
}
|
||
}
|
||
|
||
// 判断是否向左划到了第一个
|
||
if (isLeftSwipe && newIndex === 0) {
|
||
console.log('向左划到了第一个 swiper-item');
|
||
|
||
if(this.page>1){
|
||
this.page =this.page-1;
|
||
this.getData();
|
||
}
|
||
// 可以在这里添加向左划到第一个时的处理逻辑
|
||
}
|
||
|
||
this.lastIndex = newIndex;
|
||
this.currentIndex = newIndex;
|
||
},
|
||
onYearChange(e) {
|
||
const startIndex = e.detail.value[0];
|
||
const endIndex = e.detail.value[1];
|
||
this.selectedYears = [this.years[0][startIndex], this.years[1][endIndex]];
|
||
this.getGameList();
|
||
},
|
||
|
||
selectAll(){
|
||
if(this.isAllSelected==true){
|
||
this.isAllSelected = false;
|
||
this.gameclass.forEach(item => {
|
||
this.$set(item, 'checked', false)
|
||
})
|
||
this.stype = [];
|
||
}else{
|
||
this.isAllSelected = true;
|
||
this.gameclass.forEach(item => {
|
||
this.$set(item, 'checked', true)
|
||
})
|
||
this.stype = this.gameclass.map(item => item.id);
|
||
}
|
||
this.getGameList();
|
||
},
|
||
selectAlls(){
|
||
// 全选
|
||
if(this.isAllSelecteds==false){
|
||
this.isAllSelecteds = true;
|
||
this.typess.forEach(item => {
|
||
this.$set(item, 'checkeds', true)
|
||
})
|
||
this.sclass = this.gameclass.map(item => item.id);
|
||
}
|
||
// 取消全选
|
||
else if(this.isAllSelecteds==true){
|
||
this.isAllSelecteds = false;
|
||
this.typess.forEach(item => {
|
||
this.$set(item, 'checkeds', false)
|
||
})
|
||
this.sclass = [];
|
||
}
|
||
this.getGameList();
|
||
},
|
||
// 多选题
|
||
checkboxChange(e) {
|
||
this.isAllSelected = false;
|
||
var items = this.gameclass,
|
||
values = e.detail.value;
|
||
console.log(values,33333)
|
||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||
const item = items[i]
|
||
if (values.includes(String(item.id))) {
|
||
this.$set(item, 'checked', true)
|
||
} else {
|
||
this.$set(item, 'checked', false)
|
||
}
|
||
}
|
||
this.stype = values.sort((a, b) => a - b);//将其排个序arr.sort((a, b) => a - b); 类型
|
||
if(this.stype.length==10){
|
||
this.isAllSelected = true;
|
||
}
|
||
this.getGameList();
|
||
console.log(this.stype,555);
|
||
},
|
||
checkboxChanges(e) {
|
||
this.isAllSelecteds = false;
|
||
var items = this.typess,
|
||
values = e.detail.value;
|
||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||
const item = items[i]
|
||
if (values.includes(String(item.id))) {
|
||
this.$set(item, 'checkeds', true)
|
||
} else {
|
||
this.$set(item, 'checkeds', false)
|
||
}
|
||
}
|
||
this.sclass = values.sort((a, b) => a - b);//将其排个序arr.sort((a, b) => a - b); 分类
|
||
//包含0的去掉
|
||
this.sclass = this.sclass.filter(item => item != 0);
|
||
if(this.sclass.length==14){
|
||
this.isAllSelecteds = true;
|
||
}
|
||
this.getGameList();
|
||
console.log(this.sclass,888);
|
||
},
|
||
getTypeList(){
|
||
this._get('game.index/typeList',{
|
||
},res=>{
|
||
if(res.code==1){
|
||
this.gameclass = res.data.class
|
||
this.typess = res.data.type
|
||
this.setting = res.data.setting
|
||
console.log(this.gameclass,222)
|
||
console.log(this.typess,222)
|
||
}
|
||
})
|
||
},
|
||
getData(){
|
||
this._get('game.gameList/index',{
|
||
page: this.page,
|
||
limit: this.list_rows,
|
||
category: 'unbound',
|
||
},res=>{
|
||
console.log(res,'资产列表')
|
||
this.listData = res.data.data;
|
||
this.last_page = res.data.last_page;
|
||
console.log(this.listData,'资产列表')
|
||
this.total = res.data.total;
|
||
});
|
||
},
|
||
goact(e){
|
||
console.log(e,222)
|
||
this.$router.replace({
|
||
path: '/actDetails?index=2&id='+e
|
||
});
|
||
//this.goPath('/actDetails?index=2&id='+e)
|
||
},
|
||
prevSlide() {
|
||
this.currentIndex = (this.currentIndex - 1 + 4) % 4;
|
||
},
|
||
nextSlide() {
|
||
this.currentIndex = (this.currentIndex + 1) % 4;
|
||
},
|
||
onClickItem(index){
|
||
this.activeIndex = index;
|
||
},
|
||
del_btn(){
|
||
this.Customer_service=false
|
||
},
|
||
del_comment(){
|
||
this.comment=false
|
||
},
|
||
need(){
|
||
uni.navigateTo({
|
||
url: '/apply'
|
||
})
|
||
},
|
||
goUrl(e){
|
||
window.open(e, '_blank');
|
||
},
|
||
goNews(e){
|
||
uni.navigateTo({
|
||
url: '/news'
|
||
})
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
page{
|
||
font-family:"Source Han Sans CN", sans-serif;
|
||
background-color: #ffffff;
|
||
}
|
||
.next{
|
||
float: right;
|
||
margin-right: 332px;
|
||
margin-top: -27px;
|
||
.n_l{
|
||
width: 44px;
|
||
height: 44px;
|
||
margin: 0 9px;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
.banner_title{
|
||
width: 600px !important;
|
||
height: 160px !important;
|
||
position: absolute;
|
||
top: 110px;
|
||
left: 354px;
|
||
}
|
||
.banner_desc{
|
||
width: 424px;
|
||
position: absolute;
|
||
top: 287px;
|
||
left: 353px;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #3D3D3D;
|
||
line-height: 22px;
|
||
}
|
||
.need_content{
|
||
width: 470px;
|
||
height: 453px;
|
||
background-color: #FFFFFF;
|
||
border-radius: 14px;
|
||
}
|
||
.need_input{
|
||
margin:4px 53px 16px;
|
||
}
|
||
::v-deep.uni-easyinput__content{
|
||
background-color: #F2F3F5 !important;
|
||
height: 32px;
|
||
}
|
||
::v-deep .ms .uni-easyinput__content{
|
||
height: 92px;
|
||
}
|
||
.need_confirm{
|
||
width: 68px;
|
||
height: 32px;
|
||
background: #1271ED;
|
||
border-radius: 8px 8px 8px 8px;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #FFFFFF;
|
||
text-align: center;
|
||
line-height: 32px;
|
||
margin: 0 auto;
|
||
cursor: pointer;
|
||
}
|
||
.need_title{
|
||
width: 100%;
|
||
height: 71px;
|
||
background: #F0F5FD;
|
||
border-radius: 14px 14px 0px 0px;
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
color: #3D3D3D;
|
||
text-align: center;
|
||
line-height: 71px;
|
||
}
|
||
.need_title image{
|
||
width: 20px;
|
||
height: 20px;
|
||
position: absolute;
|
||
right: 13px;
|
||
top: 13px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.push-t-15{
|
||
margin-top: 15px;
|
||
}
|
||
.apply{
|
||
width: 130px;
|
||
height: 42px;
|
||
border: 1.6px solid #FD7403;
|
||
line-height: 42px;
|
||
border-radius: 42px;
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
color: #FD7403;
|
||
text-align: center;
|
||
margin: 0px auto;
|
||
cursor: pointer;
|
||
margin-top: 40px;
|
||
}
|
||
.apply:hover{
|
||
color: #ffffff;
|
||
background-color: #FD7403;
|
||
}
|
||
.content{
|
||
width:100%;
|
||
margin: 0 auto;
|
||
}
|
||
.content_top{
|
||
width: 100%;
|
||
display: flex;
|
||
margin:0 auto;
|
||
}
|
||
.banner{
|
||
width: 100%;
|
||
height: 422px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.banner uni-swiper {
|
||
display: block;
|
||
height: 422px;
|
||
}
|
||
.banner .banner_img{
|
||
width: 100%;
|
||
height: 422px;
|
||
}
|
||
.slide-image {
|
||
width: 100%;
|
||
height: 543px;
|
||
}
|
||
.index_title{
|
||
text-align: center;
|
||
}
|
||
.index_title h4{
|
||
font-size: 36px;
|
||
font-weight: inherit;
|
||
color: #333333;
|
||
margin: 40px auto 0;
|
||
}
|
||
.title_box p{
|
||
font-size: 16px;
|
||
color: #666;
|
||
text-align: center;
|
||
}
|
||
|
||
>>>.uni-list-item__container{
|
||
padding:0!important;
|
||
padding-left: 0!important;
|
||
}
|
||
|
||
|
||
|
||
.content_bottom{
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
}
|
||
.content_bottom_num{
|
||
width: 870px;
|
||
height: 100px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 0 auto;
|
||
margin-top: -44px;
|
||
z-index: 999;
|
||
position: relative;
|
||
}
|
||
.num_item{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-self: center;
|
||
align-items: center;
|
||
width: 278px;
|
||
height: 100px;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 6px 10px 0px rgba(229,217,212,0.6);
|
||
border-radius: 12px 12px 12px 12px;
|
||
// 渐变圆弧边框css
|
||
border: 1px solid transparent;
|
||
background-clip: padding-box, border-box;
|
||
background-origin: padding-box, border-box;
|
||
background-image: linear-gradient(to right, #fff, #fff),linear-gradient(to right, #fd93626b, #ea4e238c);
|
||
}
|
||
.num_item_img{
|
||
width: 52px;
|
||
height: 52px;
|
||
}
|
||
.num_item_text{
|
||
margin-left: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.num_item_text_title{
|
||
font-weight: 700;
|
||
font-size: 26px;
|
||
color: #3D3D3D;
|
||
}
|
||
.dw{
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #3D3D3D;
|
||
margin-left: 8px;
|
||
}
|
||
.num_item_text_num{
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #828590;
|
||
margin-top: 2px;
|
||
}
|
||
.content_two{
|
||
width: 100%;
|
||
max-height: 1130px;
|
||
background: url(../static/img/game/cs_bg.png)no-repeat;
|
||
background-size: 100% 100%;
|
||
overflow: hidden;
|
||
}
|
||
|
||
|
||
|
||
::v-deep.uni-list-item__header {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center; width: 8px;
|
||
height: 8px;
|
||
background: #006FFF!important;
|
||
border-radius: 100%;
|
||
margin : 10px 5px 0 0;
|
||
}
|
||
::v-deep.uni-list--border-top{
|
||
display: none;
|
||
}
|
||
>>>.uni-list-item__content-title span{
|
||
font-size: 14px!important;
|
||
color: #1D222C!important;
|
||
}
|
||
.Industry_list li p{
|
||
float: left;
|
||
color: #333!important;
|
||
}
|
||
.Industry_list li time{
|
||
float: right;
|
||
color: #999999;
|
||
}
|
||
.Policies a{
|
||
color: #1b77e8!important;
|
||
}
|
||
.verify input{
|
||
width: 152px!important;
|
||
float: left;
|
||
}
|
||
.get button{
|
||
width: 127px;
|
||
height: 35px;
|
||
border: none;
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
background-color: #1a73ed;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.one-stop{
|
||
width: 100%;
|
||
height: 519px;
|
||
margin: 0 auto;
|
||
background: url(../static/img/game/one_bg.png)no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
.one-stops{
|
||
margin: 0 auto;
|
||
overflow: hidden;
|
||
}
|
||
.title_box{
|
||
width: 408px;
|
||
margin-bottom: 60px;
|
||
margin-top: 17px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin: 0 auto;
|
||
margin-top: 44px;
|
||
}
|
||
.index_title {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
display: flex;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
}
|
||
.index_titles{
|
||
height: 40px;
|
||
line-height: 40px;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.index_titles h5{
|
||
font-weight: 700;
|
||
font-size: 30px;
|
||
color: #3D3D3D;
|
||
margin: 0 15px;
|
||
}
|
||
.index_title h5{
|
||
font-weight: 500;
|
||
font-size: 30px;
|
||
color: #97999C;
|
||
margin: 0 15px;
|
||
}
|
||
.index_titles view{
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
.index_title view{
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
.index_titles .t_l{
|
||
width: 39px;
|
||
height: 39px;
|
||
vertical-align: middle;
|
||
}
|
||
.index_title .t_l{
|
||
width: 39px;
|
||
height: 39px;
|
||
vertical-align: middle;
|
||
display: none;
|
||
}
|
||
.title_active .t_l{
|
||
display: block;
|
||
}
|
||
.title_active h5{
|
||
font-weight: 700;
|
||
font-size: 30px;
|
||
color: #3D3D3D;
|
||
margin: 0 15px;
|
||
}
|
||
.one-stop_list{
|
||
width: 100%;
|
||
height: 420px;
|
||
// display: flex;
|
||
// flex-wrap: wrap;
|
||
// justify-content: space-between;
|
||
margin-top: 62px;
|
||
margin-left: 322px;
|
||
}
|
||
.one-stop_item{
|
||
width: 368px;
|
||
height: 302px;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
|
||
border-radius: 14px 14px 14px 14px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
overflow: hidden;
|
||
}
|
||
.one-stop_item:hover{
|
||
}
|
||
|
||
// .one-stop_list .one-stop_item:nth-child(5n+1){
|
||
// margin-left: 0;
|
||
// }
|
||
.one-stop_item .c_logo{
|
||
width: 100%;
|
||
height: 210px;
|
||
}
|
||
.a_status{
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #FA6E07;
|
||
width: 100px;
|
||
}
|
||
|
||
|
||
.one-stop_item .one-stop-qy{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin-top: 16px;
|
||
overflow: hidden;
|
||
}
|
||
.a_ts{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 0 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.a_t{
|
||
width: 220px;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
color: #3D3D3D;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
|
||
}
|
||
.a_text{
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #3D3D3D;
|
||
max-height: 188px;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 8;
|
||
overflow: hidden;
|
||
padding: 0 20px;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.one-stop_item .one-stop-qy .a_icon{
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-right: 6px;
|
||
margin-top: 5px;
|
||
}
|
||
.one-stop_item .qy_text{
|
||
font-weight: 400;
|
||
font-size: 15px;
|
||
color: #3D3D3D;
|
||
line-height: 22px;
|
||
width: 225px;
|
||
padding-left: 40px;
|
||
padding-right: 52px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
|
||
|
||
.right_menu{
|
||
width: auto;
|
||
position: fixed;
|
||
top: 50vh;
|
||
right: 20px;
|
||
background-color: red;
|
||
}
|
||
.float-menu{
|
||
width: 60px;
|
||
height: 260px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
.Customer_service{
|
||
width: 294px;
|
||
height: 298px;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.45);
|
||
border-radius: 12px 12px 12px 12px;
|
||
position: absolute;
|
||
right: 70px;
|
||
top: 0;
|
||
}
|
||
|
||
.Customer_content{
|
||
width: 122px;
|
||
margin: 35px auto 0;
|
||
text-align: center;
|
||
}
|
||
.Customer_content>image{
|
||
width: 90px;
|
||
height: 90px;
|
||
}
|
||
.tel_phone {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
|
||
}
|
||
.tel_phone image{
|
||
width: 17px;
|
||
height: 16px;
|
||
vertical-align: middle;
|
||
}
|
||
.tel_phone text{
|
||
color: #006FFF;
|
||
}
|
||
.float-menu .menu-item:first-child{
|
||
border-radius: 60px 60px 0px 0px;
|
||
}
|
||
.menu-item{
|
||
width: 60px;
|
||
height: 130px;
|
||
font-size: 15px;
|
||
color: #1D222C;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.48);
|
||
border-radius: 0px 0px 60px 60px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
.menu-item image{
|
||
width: 23px;
|
||
height: 22px;
|
||
margin-top: 35px;
|
||
}
|
||
.menu-item view{
|
||
width: 40px;
|
||
margin: 0 auto;
|
||
font-size: 15px;
|
||
display:block;white-space: pre-line;
|
||
color: #1D222C;
|
||
margin-top: 5px;
|
||
overflow-wrap: break-word; /* 标准属性 */
|
||
}
|
||
.active_menu{
|
||
background: #006FFF!important;
|
||
}
|
||
.active_menu view{
|
||
color: #fff!important;
|
||
}
|
||
.ideaForm_box{
|
||
width: 195px!important;
|
||
margin: 0 auto;
|
||
}
|
||
.ideaForm{
|
||
margin-top: 10px;
|
||
}
|
||
::v-deep.ideaForm .uni-forms-item__label{
|
||
width: 100%!important;
|
||
display: block;
|
||
height: 25px;
|
||
}
|
||
.ideaForm .uni-forms-item{
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
}
|
||
::v-deep.ideaForm uni-input{
|
||
width: 100%;
|
||
padding: 0 5%;
|
||
height: 32px;
|
||
font-size: 12px;
|
||
color: #868686;
|
||
background: #F2F3F5;
|
||
text-align: left;
|
||
}
|
||
.ideabtn{
|
||
width: 68px;
|
||
height: 32px;
|
||
background: #1271ED;
|
||
border-radius: 8px 8px 8px 8px;
|
||
font-size: 14px;
|
||
color: #fff;
|
||
}
|
||
|
||
.form_query{
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: 798px;
|
||
height: 62px;
|
||
background: #F0F0F0;
|
||
border-radius: 14px 14px 14px 14px;
|
||
cursor: pointer;
|
||
margin: 0 auto;
|
||
margin-top: 77px;
|
||
margin-bottom: 20px;
|
||
padding: 0 32px;
|
||
}
|
||
.ss{
|
||
width: 28px;
|
||
height: 28px;
|
||
}
|
||
.hash{
|
||
width: 800px;
|
||
}
|
||
.form_query_hot{
|
||
width: 862px;
|
||
height: 62px;
|
||
cursor: pointer;
|
||
margin: 0 auto;
|
||
margin-top: 20px;
|
||
}
|
||
.form_query_hot_item_title{
|
||
font-weight: 400;
|
||
font-size: 13px;
|
||
color: #FA6E07;
|
||
line-height: 24px;
|
||
margin-bottom: 8px;
|
||
}
|
||
.form_query_hot_item_content{
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: left;
|
||
align-items: center;
|
||
}
|
||
.form_query_hot_item_content_item{
|
||
width: 90px;
|
||
height: 31px;
|
||
border-radius: 4px 4px 4px 4px;
|
||
border: 1px solid #D8D6D6;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #828590;
|
||
line-height: 31px;
|
||
margin-right: 10px;
|
||
text-align: center;
|
||
}
|
||
|
||
.year-navs{
|
||
width: 862px;
|
||
margin: 0 auto;
|
||
margin-top: 20px;
|
||
.nav_title{
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #3D3D3D;
|
||
display: flex;
|
||
}
|
||
.d-b-cs{
|
||
flex-wrap: wrap;
|
||
display: flex;
|
||
width: 720px;
|
||
}
|
||
.d-b-css{
|
||
flex-wrap: wrap;
|
||
display: flex;
|
||
width: 772px;
|
||
}
|
||
.flex{
|
||
display: flex;
|
||
width: 120px;
|
||
}
|
||
.game_type{
|
||
height: 37px;
|
||
border-radius: 5px;
|
||
float: left;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #3B3B3B;
|
||
text-align: center;
|
||
line-height: 37px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
margin-right: 36px;
|
||
}
|
||
.game_type_active{
|
||
color: #FA6E07;
|
||
}
|
||
|
||
}
|
||
.option_defaultall{
|
||
}
|
||
.game_type_actives{
|
||
color: #FA6E07 !important;
|
||
}
|
||
.year-navs_item{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: left;
|
||
margin-top: -10px;
|
||
margin-left: 8px;
|
||
}
|
||
::v-deepuni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
|
||
background: #FA6E07 !important;
|
||
border: 1px solid #FA6E07 !important;
|
||
color: #ffffff !important;
|
||
}
|
||
::v-deepuni-checkbox:not([disabled]) .uni-checkbox-input:hover {
|
||
border-color: var(--HOVER-BD-COLOR, #FA6E07) !important;
|
||
}
|
||
.year-navs_year{
|
||
margin-top: 35px;
|
||
}
|
||
.game_types{
|
||
height: 37px;
|
||
width: 70px;
|
||
border-radius: 5px;
|
||
float: left;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #3B3B3B;
|
||
text-align: center;
|
||
line-height: 37px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
margin-right: 5px;
|
||
}
|
||
.year_item{
|
||
display: flex;
|
||
flex-direction: row;
|
||
margin-top: -10px;
|
||
align-items: center;
|
||
margin-left: 8px;
|
||
}
|
||
/* 隐藏日期和月份选择，仅显示年份 */
|
||
.year-range-picker .el-month-table,
|
||
.year-range-picker .el-date-table {
|
||
display: none;
|
||
}
|
||
.year-range-picker .el-year-table {
|
||
display: block;
|
||
}
|
||
.yearall{
|
||
width: 240px;
|
||
height: 32px;
|
||
background: #FFFFFF;
|
||
border-radius: 3px 3px 3px 3px;
|
||
border: 1px solid #D8D6D6;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
::v-deep.el-input--suffix .el-input__inner{
|
||
padding-left: 0px !important;
|
||
padding-right: 0px !important;
|
||
border: none !important;
|
||
height: 32px !important;
|
||
text-align: center;
|
||
}
|
||
.yearall_img{
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-right: 8px;
|
||
}
|
||
// 游戏列表
|
||
.content_two_content{
|
||
width: 1206px;
|
||
margin:10px auto 0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 55px;
|
||
|
||
.content_two_l{
|
||
width: 1206px;
|
||
height: 782px;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
}
|
||
.content_two_list{
|
||
width: 574px;
|
||
height: 366px;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
|
||
border-radius: 16px 16px 16px 16px;
|
||
border: 1px solid #E7E7E7;
|
||
margin-bottom: 45px;
|
||
.g_name{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 66px;
|
||
padding: 0 34px;
|
||
margin-bottom: 10px;
|
||
cursor: pointer;
|
||
.g_name_title{
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
color: #3D3D3D;
|
||
display: flex;
|
||
align-items: center;
|
||
.yx_icon{
|
||
width: 26px;
|
||
height: 26px;
|
||
}
|
||
}
|
||
.g_name_more{
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #FA6E07;
|
||
cursor: pointer;
|
||
I{
|
||
font-size: 12px;
|
||
margin-left: 5px;
|
||
}
|
||
}
|
||
}
|
||
.g_content{
|
||
padding: 0 34px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
.g_content_left{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
.g_image{
|
||
width: 282px;
|
||
height: 154px;
|
||
cursor: pointer;
|
||
}
|
||
.g_content_company_name{
|
||
font-weight: bold;
|
||
font-size: 14px;
|
||
color: #3D3D3D;
|
||
display: flex;
|
||
align-items: center;
|
||
.yx_icon{
|
||
width: 18px;
|
||
height: 18px;
|
||
margin-right: 8px;
|
||
}
|
||
.g_content_company_name_text{
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
color: #3D3D3D;
|
||
margin-left: 8px;
|
||
}
|
||
}
|
||
}
|
||
.g_content_right{
|
||
width: 180px;
|
||
height: 255px;
|
||
border-radius: 2px 2px 2px 2px;
|
||
.g_content_right_image{
|
||
width: 180px;
|
||
height: 255px;
|
||
border-radius: 2px 2px 2px 2px;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
::v-deep.el-pagination button:disabled{
|
||
background-color: unset !important;
|
||
cursor: not-allowed;
|
||
}
|
||
::v-deep.el-dialog, ::v-deep.el-pager li {
|
||
background: unset !important;
|
||
}
|
||
::v-deep.el-pagination .btn-next {
|
||
background: unset !important;
|
||
}
|
||
::v-deep.el-pagination .btn-prev {
|
||
background: unset !important;
|
||
}
|
||
.nocontent{
|
||
text-align: center;
|
||
margin-top: 100px;
|
||
font-size: 18px;
|
||
color: #3D3D3D;
|
||
margin-bottom: 100px;
|
||
}
|
||
|
||
@media screen and (max-width: 768px) {
|
||
.banner_desc{
|
||
line-height: 12px !important;
|
||
width: 190px !important;
|
||
}
|
||
.banner{
|
||
height: 130px !important;
|
||
}
|
||
.banner uni-swiper {
|
||
height: 130px !important;
|
||
}
|
||
.banner .banner_img{
|
||
height: 130px !important;
|
||
}
|
||
.index_title{
|
||
margin-top: 2px;
|
||
}
|
||
.index_title h5{
|
||
font-size: 14px !important;
|
||
}
|
||
.content_title{
|
||
height: 50px !important;
|
||
width: 270px !important;
|
||
}
|
||
.content_title h5{
|
||
width: 200px !important;
|
||
line-height: 12px !important;
|
||
font-size: 10px !important;
|
||
height: 50px !important;
|
||
}
|
||
.one-stop{
|
||
margin-top: 20px;
|
||
}
|
||
.one-stop_list{
|
||
width:220px;
|
||
height: 115px;
|
||
margin: 0 auto;
|
||
}
|
||
.one-stop_item{
|
||
width:220px;
|
||
height: 100px;
|
||
//justify-content: space-between;
|
||
}
|
||
.one-stop_item .c_logo{
|
||
width: 100px;
|
||
height: 96px;
|
||
}
|
||
.one-stop-qy{
|
||
width: 110px !important;
|
||
}
|
||
.a_t{
|
||
|
||
}
|
||
.a_text{
|
||
line-height: 12px !important;
|
||
max-height: 70px !important;
|
||
}
|
||
::v-deep.one-stop_list .uni-swiper-dots-horizontal{
|
||
left: 50%;
|
||
}
|
||
|
||
|
||
|
||
}
|
||
|
||
|
||
</style>
|