Commit c5700696 by haozhenhua

hzh

parent c1104661
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -5,35 +5,20 @@ ...@@ -5,35 +5,20 @@
height: 61px !important; height: 61px !important;
} }
.active { .active {
background: #1e82d2; float: left;
position: relative;
width: 77px; width: 77px;
height: 27px; height: 27px;
font-size:14px; box-sizing: border-box;
letter-spacing:1px; font-size: 14px;
text-align: center; background: rgba(16,142,233,1);
line-height: 27px; border-radius: 2px;
color:#fff; color: #fff;
cursor: pointer;
}
.active:before,.active:after{
width: 0;
height: 0;
border: solid transparent;
position: absolute;
left: 100%;
content:'';
}
.active:before{
border-width: 10px;
border-left-color: #0cc;
top:20px;
}
.active:after{
border-width: 8px;
border-left-color: #fff;
top:22px;
} }
.acitves{ .acitves{
width: 77px; width: 77px;
height: 27px; height: 27px;
...@@ -45,6 +30,28 @@ ...@@ -45,6 +30,28 @@
cursor: pointer; cursor: pointer;
} }
.active:before,
.active:after{
position:absolute;
content:'';
width:10px;
height:10px;
bottom:-8px;
left:50%;
margin-left:-7px;
overflow:hidden;
pointer-events:none;
-webkit-transform:rotate(45deg);
-mz-transform:rotate(45deg);
transform:rotate(45deg);
}
.active:after{
bottom: -4px;
background: rgba(16,142,233,1);
}
.lists{ .lists{
display: flex; display: flex;
height: 27px; height: 27px;
......
...@@ -330,7 +330,7 @@ ...@@ -330,7 +330,7 @@
.policylist-recommend { .policylist-recommend {
width:100%; width:100%;
height:60px; height:60px;
background:rgba(255,255,255,1); background:rgba(250,250,250,1);
border-radius:1px; border-radius:1px;
border:1px solid rgba(247,247,248,1); border:1px solid rgba(247,247,248,1);
padding: 0px 20px; padding: 0px 20px;
...@@ -358,10 +358,16 @@ ...@@ -358,10 +358,16 @@
margin-left: 10px; margin-left: 10px;
color: #118EE9; color: #118EE9;
} }
.el-input-group__append button.el-button{
border: 1px solid rgba(15,142,233,1)!important;
color: #fff !important;
background: rgba(15,142,233,1) !important;
}
.recommend-input { .recommend-input {
float: right; width: 667px;
width:220px; height: 36px;
height:32px; margin-left: 30px;
float: left;
} }
.policylist-content { .policylist-content {
width: 100%; width: 100%;
......
<div class="policylist-warpper"> <div class="policylist-warpper">
<div class="policylist" v-if="detailPageType"> <div class="policylist" v-if="detailPageType">
<div class="policylist-title">政策查询</div> <div class="policylist-recommend">
<div style="float: left;
font-size: 28px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(16,142,233,1);">政策查询</div>
<div class="recommend-input">
<el-input
placeholder="请输入查询的标题/内容"
v-model="zctext"
change="()=>{console.log(123)}">
<el-button slot="append" icon="el-icon-search">检索</el-button>
</el-input>
</div>
</div>
<div class="policylist-header">
<div class="policyquery-items">
<div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">{{item}}</div>
</div>
</div>
</div>
<div class="policylist-header" :style="headerHeight ? \'height:190px\' : \'height:auto\'"> <div class="policylist-header" :style="headerHeight ? \'height:190px\' : \'height:auto\'">
<div class="policyquery-items"> <div class="policyquery-items">
<div class="items_left">发布地区</div> <div class="items_left">发布地区</div>
...@@ -90,21 +113,7 @@ ...@@ -90,21 +113,7 @@
<div class="itemName" v-if="input9">{{input9}} <i class="el-icon-close" @click="inputDel(\'input9\')"></i> </div> <div class="itemName" v-if="input9">{{input9}} <i class="el-icon-close" @click="inputDel(\'input9\')"></i> </div>
</div> </div>
</div> </div>
<div class="policylist-recommend">
<div style="float: left;font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(121,121,121,1);">共为您的企业推荐了<span style="color: #F2784B">{{total}}</span>条政策</div>
<div class="recommend-input">
<el-input
placeholder="请输入查询的标题/内容"
v-model="zctext"
size="mini"
change="()=>{console.log(123)}">
<i slot="suffix" class="el-input__icon el-icon-search" style="fontSize:16px;"></i>
</el-input>
</div>
</div>
<div class="policylist-content"> <div class="policylist-content">
<div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;"> <div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
<!-- 没数据 --> <!-- 没数据 -->
......
...@@ -3,6 +3,8 @@ ...@@ -3,6 +3,8 @@
data: function() { data: function() {
return { return {
total: 0, total: 0,
state2: '',
show2: false,
policyArr: [], policyArr: [],
recommendationsArr: [], recommendationsArr: [],
policyOptions: [{ policyOptions: [{
...@@ -40,6 +42,16 @@ ...@@ -40,6 +42,16 @@
input7:'', input7:'',
input8:'', input8:'',
input9:'', input9:'',
quanbu:'全部(1369)',
quanData1:[
'全部(1369)',
'申报通知(386)',
'立项公示(134)',
'管理办法(103)',
'政策图解(1)',
'政务信息(13)',
'新闻资讯(69)',
],
tableData1: [ tableData1: [
'不限', '不限',
'北京', '北京',
...@@ -221,6 +233,14 @@ ...@@ -221,6 +233,14 @@
this.input1 = val; this.input1 = val;
this.zcPost() this.zcPost()
}, },
quanClick1(val) {
console.log(val);
if (val == undefined) {
console.log(123123123123);
val = ''
};
this.quanbu = val;
},
tableDataClick2(val) { tableDataClick2(val) {
console.log(val); console.log(val);
if (val == undefined) { if (val == undefined) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment