Skip to content

Z
zhichan
Commit 413b5d01 by 李宏达
Options

lhd

parent 824c5670
Showing with 477 additions and 266 deletions
igirl-web/app/front/entry/public/css/main.css
......@@ -262,4 +262,37 @@ background-color: white;
}
.selficpreg_main .el-form-item .el-form-item__content .el-input .el-input__inner{
height:32px;
}
.policy {
width: 100%;
height: 100%;
position: relative;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_721015748400460492019271534649banner.png') no-repeat;
background-size: 100% 100%;
padding-top: 250px;
box-sizing: border-box;
}
.policy-input-value {
width: 820px;
height: 56px;
float: left;
background: #fff;
padding: 8px 0;
box-sizing: border-box;
}
.policy input {
border: none;
}
.policy-input-buttom {
float: right;
width: 140px;
height: 56px;
line-height: 56px;
background: #128EE9;
font-family: PingFangSC-Regular;
font-size: 18px;
padding: 0;
color: #fff;
text-align: center;
cursor: pointer;
}
\ No newline at end of file
igirl-web/app/front/vues/pages/moreservice/policy/moreservice.html
<div style="background-color:white" class="autumn">
policy...................
</div>
<div class="policy" :style="meihuaStyle" @click="show2 = false">
<div style="
width:100%;
text-align: center;
font-size:50px;
font-family:PingFangSC;
font-weight:400;
color:#fff;">商标政策早知道，就上政企遇</div>
<div class="meihua-inquire-input">
<div class="policy-input-value">
<el-input style="width:100%" v-model="state2" placeholder="输入您要查询的关键字"></el-input>
<transition name="el-zoom-in-top">
<div class="inquire-lists" v-show="show2">
<div class="top"></div>
<div class="inquire-list" v-for="(item,key) in listArr" @click.stop="handleIconClick(item)">{{item.company_name}}</div>
</div>
</transition>
</div>
<div class="policy-input-buttom" slot="reference" @click.stop="searchResult">搜　索</div>
</div>
</div>
\ No newline at end of file
igirl-web/app/front/vues/pages/moreservice/policy/policy.css
.autumn {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.autumn-search {
width:1200px;
height:173px;
margin:0 auto;
line-height: 173px;
text-align:center;
z-index:99;
}
.autumn-search-text {
display: inline-block;
margin-right: 42px;
font-size:30px;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(252,86,52,1);
}
.autumn-search-input {
width:788px;
height:54px;
background:rgba(255,255,255,1);
border:2px solid rgba(253,98,40,1);
}
.autumn-search .el-input__inner{
width: 631px;
line-height:54px;
height: 54px;
border: none;
border-radius: 0px;
}
.autumn-search .el-input-group__append{
width: 157px;
background:#FC5634;
font-size:16px;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(255,255,255,1);
border: none;
border-radius: 0px;
}
.autumn-main-top {
width: 100%;
height: 264px;
padding: 20px 0px;
}
.autumn-main-top-item {
float: left;
width: 25%;
height: 100%;
padding: 10px;
box-sizing: border-box;
cursor: pointer;
}
.autumn-main-top-item:hover {
opacity: 0.8;
}
.autumn-main-top-item > img {
width: 100%;
height: 100%;
}
.autumn-main-nav {
margin: 25px 10px;
width: 100%;
height: 42px;
border-left: 1px solid rgba(229, 59, 24, 1);
}
.autumn-main-nav-item {
float: left;
width: 125px;
height: 40px;
line-height: 40px;
border:1px solid rgba(229, 59, 24, 1);
border-left: none;
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(252,86,52,1);
text-align: center;
cursor: pointer;
}
.autumn-main-content {
margin: 22px 0px;
width: 100%;
max-height: 670px;
padding: 0px 10px;
box-sizing: border-box;
}
.autumn-main-content-item {
display: inline-block;
width: 231px;
height: 164px;
background-color: sandybrown;
position: relative;
cursor: pointer;
}
.autumn-main-content-item > img {
width: 100%;
height: 100%;
}
.content-item-shade {
position: absolute;
top: 0;
width: 100%;
height: 100%;
font-size: 18px;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 20px 40px;
box-sizing: border-box;
opacity: 0;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.content-item-shade > div {
width: 100%;
line-height: 40px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.autumn-main-content-item:hover .content-item-shade {
opacity: 1;
}
.autumn-img1 {
width: 100%;
height: 693px;
background: url('/imgs/autumn/bj1.png');
background-size: 100% 100%;
text-align: center;
}
.autumn-img2 {
width: 100%;
height: 662px;
background: url('/imgs/autumn/bj2.png');
background-size: 100% 100%;
text-align: center;
}
.autumn-img3 {
width: 100%;
height: 616px;
background: url('/imgs/autumn/bj3.png');
background-size: 100% 100%;
text-align: center;
}
.autumn-bj > img {
margin-top: 99px;
}
.autumn-two {
position: absolute;
top: 83px;
width: 100%;
height: 400px;
z-index: 999;
}
.autumn-two-main {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.autumn-two-main-left {
float: left;
width:200px;
height:100%;
background:rgba(0,0,0,0.5);
box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.autumn-two-left-item {
width: 100%;
height: 50px;
line-height: 50px;
text-align: left;
font-size: 14px;
color:rgba(255,255,255,0.7);
cursor: pointer;
}
.autumn-two-left-item:last-child {
text-align: center;
background: #fc5634;
color:#fff;
}
.autumn-two-left-item-cla {
width: 100%;
height: 50px;
line-height: 50px;
text-align: left;
font-size: 14px;
background-color:#FFFFFF;
color:#FD6228;
cursor: pointer;
}
.autumn-two-left-item-span{
display: block;
width: 60%;
height: 100%;
margin: 0 auto;
}
.autumn-two-right {
width: 1000px;
height: 100%;
overflow-y: auto;
float: right;
background-color: #fff;
text-align: left;
box-sizing: border-box;
cursor: default;
}
.autumn-tow-right-title {
cursor: pointer;
width: 100%;
padding-left: 11px;
line-height: 36px;
font-size:14px;
font-family:PingFangSC-Regular;
color:rgba(56,64,75,1);
overflow: hidden;
font-weight: bold;
}
.autumn-tow-right-lists {
float: left;
width: 100%;
height: 100%;
}
.autumn-tow-right-it {
float: left;
line-height: 30px;
cursor: pointer;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#666;
overflow: hidden;
position: relative;
padding: 0px 11px;
}
.autumn-tow-right-it:after {
content: '';
position: absolute;
width: 1px;
height: 10px;
background-color: #a4a4a4;
top: 10px;
right: 0;
}
.autumn-tow-right-it:last-child {
position: static;
}
.autumn-tow-right-it:hover {
color: #FD6228;
}
\ No newline at end of file
igirl-web/app/front/vues/pages/policyquery/policyquery.css 0 → 100644
.policylist-warpper {
width: 100%;
height: 100%;
}
.el-input--mini .el-input__inner{
border:1px solid rgba(238,238,238,1);
border-radius: 0px;
}
.policylist-headerbut{
background: #fff;
position: relative;
top: -1px;
color:rgba(121,121,121,1) !important;
}
.policyquery-items > .items_item > div{
padding-right: 30px !important;
}
.policyquery-items > .items_item > div:hover{
color: #118EE9;
}
.policyquery-items > .items_right:hover{
color: #118EE9;
}
.policyquery-items:nth-child(1){
border-top: 1px solid #F0F3F0;
}
.policyquery-items{
border: none !important;
box-sizing: border-box;
border-bottom: 1px solid #F0F3F0 !important;
}
.policyquery-items:last-child{
border:none !important;
}
.policylist-warpper > .policylist {
width: 100%;
height: 100%;
}
.policylist-header {
width: 100%;
overflow: hidden;
border: 1px solid #F0F3F0;
}
.header-left {
float: left;
font-size:16px;
font-family:MicrosoftYaHei;
color:rgba(121,121,121,1);
cursor: pointer;
}
.header-right {
float: right;
width: 110px;
height: 28px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.policylist-swiper {
width: 100%;
margin-top: 30px;
height: 150px;
padding: 20px;
box-sizing: border-box;
position: relative;
background-color: #FAFAFA;
/* background-color: #ccc; */
}
.swiper-main {
width: 96%;
height: 100%;
margin: 0 auto;
white-space:nowrap;
overflow: hidden;
}
.swiper-leftButton {
position: absolute;
top: 33%;
left: 20px;
width:16px;
height:54px;
line-height: 54px;
text-align: center;
background:rgba(240,240,240,1);
border-radius:2px;
cursor: pointer;
}
.swiper-rightButton {
position: absolute;
top: 33%;
right: 20px;
width:16px;
height:54px;
line-height: 54px;
text-align: center;
background:rgba(240,240,240,1);
border-radius:2px;
cursor: pointer;
}
.swiper-rightButton:hover {
background-color:rgba(235,242,255,1);
color: #97A6AD;
}
.swiper-leftButton:hover {
background-color:rgba(235,242,255,1);
color: #97A6AD;
}
.main-lists {
height: 100%;
overflow: hidden;
white-space: nowrap;
display: inline-block;
-webkit-transition: transform 0.3s linear;
}
.mian-list {
display: inline-block;
width: 360px;
height: 100%;
margin-right: 10px;
background:rgba(255,255,255,1);
box-shadow:2px 2px 5px 0px rgba(226,226,226,0.5);
border-radius:2px;
border:1px solid rgba(230,232,233,1);
padding: 20px;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}
.mian-list:hover {
background:rgba(255,255,255,1);
box-shadow:2px 2px 5px 0px rgba(226,226,226,0.5);
border-radius:2px;
border:1px solid rgba(17,142,233,1);
}
.list-img {
float: left;
width:70px;
height:70px;
margin-right: 20px;
font-size: 20px;
color: #5D9ADD;
background:rgba(235,242,255,1);
white-space: normal !important;
text-align: center;
display:table;
padding: 0px 10px;
box-sizing: border-box;
}
.list-img > span {
display:table-cell;
vertical-align:middle
}
.list-text {
float: left;
line-height: 24px;
letter-spacing: 2px;
}
.list-text-title {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
}
.list-text-name {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.policylist-portrayal {
width:100%;
height:118px;
background:rgba(255,255,255,1);
border-radius:1px;
border:1px solid rgba(247,247,248,1);
overflow: hidden;
padding: 20px;
box-sizing: border-box;
}
.portrayal-left {
float: left;
font-weight: 600;
color: #118EE9;
font-size: 1.6vw;
margin-right: 22px;
}
.portrayal-right {
float: left;
width: 85%;
height: 100%;
overflow: hidden;
padding: 0.5% 0px;
box-sizing: border-box;
}
.portrayal-right-list {
float: left;
margin-right: 16px;
margin-bottom: 10px;
padding: 5px 10px;
font-size:12px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
cursor: default;
}
.policylist-recommend {
width:100%;
height:60px;
background:rgba(255,255,255,1);
border-radius:1px;
border:1px solid rgba(247,247,248,1);
padding: 0px 20px;
line-height: 60px;
box-sizing: border-box;
overflow: hidden;
}
.recommend-title {
float: left;
font-weight: 600;
font-size: 1.6vw;
color: #F2784B;
margin-right: 22px;
}
.recommend-name {
float: left;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
margin-right: 30px;
font-weight: 600;
}
.recommend-name > span {
margin-left: 10px;
color: #118EE9;
}
.recommend-input {
float: right;
width:220px;
height:32px;
}
.policylist-content {
width: 100%;
}
.policylist-content-list {
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
}
.policylist-conten-title {
font-size:18px;
font-family:PingFangSC-Semibold,PingFangSC;
font-weight:600;
color:rgba(72,72,72,1);
margin-bottom: 15px;
cursor: pointer;
}
.policylist-conten-title a {
text-decoration:none !important;
color:#333 !important;
}
.policylist-conten-title span {
margin-left: 10px;
padding: 5px 10px;
font-size:12px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(255,255,255,1);
background-color: #597EF7;
}
.policylist-conten-text {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
margin-bottom: 13px;
}
.policylist-conten-items {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(153,153,153,1);
}
.policylist-conten-items > span {
margin-right: 40px;
}
.policylist-pagination {
text-align: right;
}
.policylist-details {
width: 100%;
height:130px;
background:rgba(250,250,250,1);
padding: 30px;
box-sizing: border-box;
overflow: hidden;
}
.details-leftimg {
float: left;
width:70px;
height:70px;
background:rgba(234,244,255,1);
margin-right: 22px;
}
.details-righttext {
float: left;
width: 80%;
}
.righttext-name {
width: 100%;
line-height: 24px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
}
.righttext-span {
line-height: 24px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.righttext-span > span {
display: inline-block;
}
.policylist-essay {
width: 100%;
}
.essay-title {
width: 100%;
height: 175px;
padding-top: 30px;
box-sizing: border-box;
}
.essay-title-name {
width:100%;
height:75px;
font-size:24px;
font-weight: 600;
font-family:MicrosoftYaHei;
color:rgba(72,72,72,1);
line-height:40px;
text-align: center;
}
.essay-title-list {
width: 100%;
margin-top: 20px;
text-align: center;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(170,170,170,1);
}
.essay-title-list > span {
margin-right: 38px;
}
.essay-content {
width: 100%;
font-size:14px;
font-family:PingFangSC-Regular,PingFangSC;
font-weight:400;
color:rgba(85,85,85,1);
line-height: 42px;
}
.policylist-buttons {
width: 100%;
padding-bottom: 30px;
border-bottom:1px solid rgba(239,239,239,1);
overflow: hidden;
}
.policylist-buttons > div {
float: right;
width:120px;
height:32px;
line-height: 32px;
margin-right: 13px;
border-radius:20px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
text-align: center;
cursor: pointer;
}
.policylist-buttons > div > img {
vertical-align: middle;
}
.policylist-navigation {
width: 100%;
height: 107px;
font-size:14px;
font-family:PingFangSC-Regular,PingFangSC;
font-weight:400;
color:rgba(70,70,70,1);
padding: 30px 0px;
box-sizing: border-box;
}
.policylist-navigation > div {
line-height: 24px;
cursor: pointer;
}
.policylist-qr {
width:100%;
height:134px;
line-height: 134px;
background:rgba(248,248,248,1);
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
text-align: center;
}
.policylist-qr > img {
vertical-align:middle;
}
\ No newline at end of file
igirl-web/package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-web/package.json
......@@ -33,7 +33,6 @@
"express": "^4.16.2",
"express-session": "^1.15.6",
"gm": "^1.23.1",
"gulp": "^4.0.0",
"jszip": "^3.2.1",
"method-override": "^2.3.10",
"mongoose": "^5.3.6",
......@@ -64,8 +63,8 @@
"devDependencies": {
"element-theme": "^2.0.1",
"element-theme-chalk": "^2.4.0",
"es6-promise": "^4.2.6",
"gulp": "^4.0.0",
"es6-promise": "^4.2.8",
"gulp": "^4.0.2",
"gulp-concat": "^2.6.1",
"gulp-if": "^2.0.2",
"gulp-imagemin": "^5.0.3",
......
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