我是个攻城狮
695 lines
14 KiB
Vue
695 lines
14 KiB
Vue
<template>
|
||
<Layout :index="8" :banner="0" :titles="'我要补贴'" :title_content="'我要补贴'">
|
||
<view >
|
||
<view class="content">
|
||
<view class="content_top">
|
||
<view class="banner">
|
||
<image class="banner_img" src="../static/imgs/zc_bg.png"></image>
|
||
<image class="banner_title" src="../static/imgs/zc_t.png"></image>
|
||
<view class="banner_desc">全方位助力游戏产业发展，专项政策精准服务企业。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="content_bottom">
|
||
<view class="one-stop">
|
||
<view class="one-stops">
|
||
<view class="title_box">
|
||
<view class="index_title">
|
||
<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="one-stop_list">
|
||
<view class="one-stop_iteml ">
|
||
<image class="zc_img" src="../static/imgs/zc.png"></image>
|
||
</view>
|
||
<view >
|
||
<view class="one-stop_item " @tap="down()">
|
||
<view class="one-stop_title">成都高新区管委会关于印发《成都高新技术......</view>
|
||
<view class="one-stop_tag">补贴政策</view>
|
||
<view class="one-stop_desc">为深入贯彻落实党的二十大精神和习近平总书记对四川工作系列亚要指示精神，加快数字经济产业高质量发展，打造国家改字经济创新发展试验区，国家人工智能创新成用先导区，国家新一化人工智作创新发展试验区，国家智盐城市基础设能与智能网联汽车协同发展试点城市的技心区，结合成都高新区实际，特测定以下政策。 <br/>一. 支持人工智能产业发展 <br/>1.支持人工智能领过关键技术攻关。鼓励人工智能企业加大研发投入。重点支持企业攻关自然语言处理，计算机视党、语音识别、知识图讲、决策智能等领域关键技术，对上年度前述关键技术内部研发投入强度达20%以上日年度研发入1500万元(含)以上的企业，按照企业年(度研发投入的10%，始予单个企业每年最高1000万元的补助。</view>
|
||
</view>
|
||
<view class="gobutton">
|
||
<view class="zx" @tap="need()">
|
||
立即咨询
|
||
</view>
|
||
<view class="down" @tap="down()">
|
||
下载文件
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
<!-- -->
|
||
</view>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</Layout>
|
||
</template>
|
||
|
||
<script>
|
||
/**
|
||
* 程序启动页
|
||
* */
|
||
import Layout from './part/layouts.vue';
|
||
export default {
|
||
components: {
|
||
Layout,
|
||
},
|
||
data() {
|
||
return {
|
||
imgList: [
|
||
'../static/imgs/hy2.png',
|
||
'../static/imgs/hy2.png',
|
||
'../static/imgs/hy2.png',
|
||
],
|
||
selectedIndex: -1,
|
||
activeIndex: 0, // 当前激活的选项卡索引
|
||
Customer_service:false,
|
||
comment:false,
|
||
Inv:0,
|
||
codeTime:0,
|
||
FormData: {
|
||
phone: '',
|
||
name:'',
|
||
content:'',
|
||
},
|
||
close:true,
|
||
msg: '',
|
||
ideaForm:{
|
||
phone:'',
|
||
Contentmessage:''
|
||
},
|
||
// 自定义表单校验规则
|
||
customRules: {
|
||
phone: {
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '请填写手机号'
|
||
},{
|
||
validateFunction: function(rule, value, data, callback) {
|
||
let iphoneReg = (
|
||
/^(13[0-9]|14[1579]|15[0-3,5-9]|16[6]|17[0123456789]|18[0-9]|19[89])\d{8}$/
|
||
); //手机号码
|
||
if (!iphoneReg.test(value)) {
|
||
callback('手机号码格式不正确，请重新填写')
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
Contentmessage:{
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '请填写留言内容'
|
||
}]
|
||
},
|
||
password: {
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '请填写密码'
|
||
},{
|
||
validateFunction: function(rule, value, data, callback) {
|
||
if (value.length<6||value.length>10) {
|
||
callback('密码长度在6-10个字符')
|
||
}
|
||
return true
|
||
}
|
||
}
|
||
|
||
]
|
||
},
|
||
new_password: {
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '请填写密码'
|
||
},{
|
||
validateFunction: function(rule, value, data, callback) {
|
||
if (value.length<6||value.length>10) {
|
||
callback('密码长度在6-10个字符')
|
||
}
|
||
return true
|
||
}
|
||
}
|
||
]
|
||
},
|
||
verify_password: {
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '请填写密码'
|
||
}]
|
||
},
|
||
phone_code:{
|
||
rules: [{
|
||
required: true,
|
||
errorMessage: '验证码不能为空'
|
||
},
|
||
|
||
]
|
||
}
|
||
},
|
||
}
|
||
},
|
||
onLoad() {
|
||
// const eventChannel = this.getOpenerEventChannel()
|
||
// eventChannel.on('pageData', data => {
|
||
// console.log(data,3333)
|
||
// // data即传过来的参数
|
||
// })
|
||
},
|
||
|
||
onPageScroll(res) {
|
||
uni.$emit('onPageScroll', res.scrollTop);
|
||
},
|
||
onShow(params) {
|
||
uni.$emit('page', 0);
|
||
// this.getIndex();
|
||
},
|
||
methods: {
|
||
onClickItem(index){
|
||
console.log(index)
|
||
this.selectedIndex = index;
|
||
if(index==0){
|
||
this.Customer_service=true
|
||
this.comment=false
|
||
}
|
||
if(index==1){
|
||
this.Customer_service=false
|
||
this.comment=true
|
||
}
|
||
},
|
||
del_btn(){
|
||
this.Customer_service=false
|
||
},
|
||
del_comment(){
|
||
this.comment=false
|
||
},
|
||
need(){
|
||
uni.navigateTo({
|
||
url: '/apply'
|
||
})
|
||
},
|
||
down(){
|
||
let url = "https://metaz.oss-cn-chengdu.aliyuncs.com/upload/%E6%88%90%E9%83%BD%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E6%88%90%E9%83%BD%E9%AB%98%E6%96%B0%E6%8A%80%E6%9C%AF%E4%BA%A7%E4%B8%9A%E5%BC%80%E5%8F%91%E5%8C%BA%E5%8A%A0%E5%BF%AB%E6%95%B0%E5%AD%97%E7%BB%8F%E6%B5%8E%E4%BA%A7%E4%B8%9A%E9%87%8D%E7%82%B9%E9%A2%86%E5%9F%9F%E9%AB%98%E8%B4%A8%E9%87%8F%E5%8F%91%E5%B1%95%E8%8B%A5%E5%B9%B2%E6%94%BF%E7%AD%96%E3%80%8B%E7%9A%84%E9%80%9A%E7%9F%A5.pdf";
|
||
window.open(url, '_blank');
|
||
},
|
||
goNews(e){
|
||
uni.navigateTo({
|
||
url: '/pages/News_information?type='+e
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
page{
|
||
font-family:"Source Han Sans CN", sans-serif;
|
||
background-color: #ffffff;
|
||
}
|
||
.gobutton{
|
||
display: flex;
|
||
margin-top: 24px;
|
||
.zx{
|
||
width: 92px;
|
||
height: 30px;
|
||
border: 1px solid #FD7403;
|
||
line-height: 30px;
|
||
border-radius: 10px;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
color: #FD7403;
|
||
text-align: center;
|
||
margin-right: 43px;
|
||
cursor: pointer;
|
||
}
|
||
.down{
|
||
cursor: pointer;
|
||
width: 92px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
border-radius: 10px;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
border: 1px solid #FD7403;
|
||
text-align: center;
|
||
background: linear-gradient( 180deg, #F4770F 0%, #FF9C23 100%);
|
||
}
|
||
}
|
||
.banner_title{
|
||
width: 290px !important;
|
||
height: 60px !important;
|
||
position: absolute;
|
||
top: 160px;
|
||
left: 340px;
|
||
}
|
||
.banner_desc{
|
||
width: 540px;
|
||
position: absolute;
|
||
top: 259px;
|
||
left: 340px;
|
||
font-weight: 400;
|
||
font-size: 18px;
|
||
color: #1D222C;
|
||
line-height: 24px;
|
||
}
|
||
.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;
|
||
}
|
||
.content{
|
||
width:100%;
|
||
margin: 0 auto;
|
||
}
|
||
.content_top{
|
||
width: 1920px;
|
||
display: flex;
|
||
margin:0 auto;
|
||
}
|
||
.banner{
|
||
width: 100%;
|
||
height: 504px;
|
||
position: relative;
|
||
}
|
||
.banner uni-swiper {
|
||
display: block;
|
||
height: 504px;
|
||
}
|
||
.banner .banner_img{
|
||
width: 100%;
|
||
height: 504px;
|
||
}
|
||
.slide-image {
|
||
width: 100%;
|
||
height: 504px;
|
||
}
|
||
.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;
|
||
}
|
||
|
||
|
||
.one-stop{
|
||
width: 100%;
|
||
height: 657px;
|
||
margin: 0 auto;
|
||
padding-top: 46px;
|
||
background: url(../static/imgs/zc_cbg.png);
|
||
background-size: cover;
|
||
}
|
||
.one-stops{
|
||
width: 1274px;
|
||
margin: 0 auto;
|
||
}
|
||
.title_box{
|
||
margin-bottom: 82px;
|
||
}
|
||
.index_title {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.index_title h5{
|
||
font-weight: 700;
|
||
font-size: 30px;
|
||
color: #3D3D3D;
|
||
margin: 0 15px;
|
||
}
|
||
.index_title view{
|
||
height: 40px;
|
||
line-height: 40px;
|
||
|
||
}
|
||
.index_title .t_l{
|
||
width: 39px;
|
||
height: 39px;
|
||
vertical-align: middle;
|
||
}
|
||
.one-stop_list{
|
||
width: 1274px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
margin: 0 auto;
|
||
}
|
||
.one-stop_iteml{
|
||
width: 669px;
|
||
height: 379px;
|
||
.zc_img{
|
||
width: 669px;
|
||
height: 379px;
|
||
}
|
||
}
|
||
.one-stop_item{
|
||
width: 488px;
|
||
height: 276px;
|
||
background: #FFFFFF;
|
||
box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
|
||
border-radius: 16px 16px 16px 16px;
|
||
border: 1px solid #FD9362;
|
||
cursor: pointer;
|
||
position: relative;
|
||
display: flex;
|
||
// justify-content: center;
|
||
// align-items: center;
|
||
flex-direction: column;
|
||
padding: 24px 40px;
|
||
|
||
.one-stop_title{
|
||
height: 20px;
|
||
font-weight: 600;
|
||
font-size: 18px;
|
||
color: #3D3D3D;
|
||
line-height: 20px;
|
||
}
|
||
.one-stop_tag{
|
||
width: 64px;
|
||
height: 24px;
|
||
border-radius: 6px 6px 6px 6px;
|
||
border: 1px solid #FD7403;
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #FD7403;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
margin-top: 11px;
|
||
}
|
||
.one-stop_desc{
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #3D3D3D;
|
||
line-height: 24px;
|
||
margin-top: 22px;
|
||
}
|
||
|
||
}
|
||
.one-stop_item:hover{
|
||
background-color: #F7F7F7 !important;
|
||
opacity: 0.9;
|
||
}
|
||
.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-bottom: 93px;
|
||
margin-top: 60px;
|
||
}
|
||
.apply:hover{
|
||
color: #ffffff;
|
||
background-color: #FD7403;
|
||
}
|
||
.one-stop_list .one-stop_item:nth-child(5n+1){
|
||
margin-left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
.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;
|
||
}
|
||
|
||
.servic_title{
|
||
width: 50%;
|
||
height: 71px;
|
||
text-align: center;
|
||
font-size: 18px;
|
||
color: #3D3D3D;
|
||
line-height: 71px!important;
|
||
}
|
||
.servic_img{
|
||
width: 166px;
|
||
height: 123px;
|
||
position: absolute;
|
||
top: -53px;
|
||
right: 0;
|
||
}
|
||
.del_img{
|
||
width: 20px;
|
||
height: 20px;
|
||
position: absolute;
|
||
top: -53px;
|
||
cursor: pointer;
|
||
right: 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;
|
||
}
|
||
|
||
|
||
@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: 20px;
|
||
}
|
||
.index_title h5{
|
||
font-size: 14px !important;
|
||
}
|
||
.one-stop_list{
|
||
flex-direction: column;
|
||
width: 180px !important;
|
||
}
|
||
.one-stop{
|
||
height: auto !important;
|
||
}
|
||
.one-stop_iteml{
|
||
width: 180px !important;
|
||
height: 102px !important;
|
||
.zc_img{
|
||
width: 180px !important;
|
||
height: 102px !important;
|
||
}
|
||
}
|
||
.one-stop_item{
|
||
width: 160px !important;
|
||
padding: 10px !important;
|
||
margin-top: 10px;
|
||
height: auto !important
|
||
}
|
||
.one-stop_title{
|
||
font-size: 10px !important;
|
||
line-height: 12px !important;
|
||
height: 20px !important;
|
||
}
|
||
.one-stop_tag{
|
||
margin-top: 6px !important;
|
||
width: 35px !important;
|
||
height: 12px !important;
|
||
line-height: 12px !important;
|
||
font-size: 8px !important;
|
||
}
|
||
.one-stop_desc{
|
||
line-height: 12px !important;
|
||
}
|
||
.gobutton{
|
||
margin-top: 12px;
|
||
margin-bottom: 20px;
|
||
.zx{
|
||
width: 46px;
|
||
height: 15px;
|
||
line-height: 15px;
|
||
}
|
||
.down{
|
||
width: 46px;
|
||
height: 15px;
|
||
line-height: 15px;
|
||
}
|
||
}
|
||
|
||
.b20{
|
||
width: 100%;
|
||
height: 20px;
|
||
}
|
||
}
|
||
</style>
|