Commit 6f392e40 by Jianli Ou

样式处理

1、【知识中心】专业术语页面搜索框中内容显示不全
2、条码公告卡片显示 2条注册,2条注销
3、在线查询工具,需有交互效果—悬浮
4、业务大厅—办理其他业务—GLN 查看详情按钮为圆角
parent ec86dc53
...@@ -177,4 +177,4 @@ export default { ...@@ -177,4 +177,4 @@ export default {
} }
} }
} }
</style> </style>
\ No newline at end of file
...@@ -138,6 +138,7 @@ export default { ...@@ -138,6 +138,7 @@ export default {
color: #ffffff; color: #ffffff;
padding: 10px; padding: 10px;
margin: 10px 0; margin: 10px 0;
border-radius: 5px;
} }
} }
.text-right { .text-right {
...@@ -179,4 +180,4 @@ export default { ...@@ -179,4 +180,4 @@ export default {
} }
} }
} }
</style> </style>
\ No newline at end of file
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
<cate :father="tmggCate"></cate> <cate :father="tmggCate"></cate>
<div class="container"> <div class="container">
<ul class="tmgg-ul"> <ul class="tmgg-ul">
<li v-for="(tmp, i) in 4" :key="i"> <li v-for="(tmp, i) in list" :key="i">
<span>注册</span> <span>{{tmp.name}}</span>
<span>新疆西域之嘉乳业责任有限责任注册公司</span> <span>{{tmp.content}}</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -24,6 +24,28 @@ export default { ...@@ -24,6 +24,28 @@ export default {
name: "条码公告", name: "条码公告",
ico: require("../../../assets/image/business/icon_gonggao.png"), ico: require("../../../assets/image/business/icon_gonggao.png"),
}, },
list: [
{
type: 'zhuce',
name: '注册',
content: '武隆区陈氏面条加工坊'
},
{
type: 'zhuce',
name: '注册',
content: '重庆功存科技有限公司'
},
{
type: 'zhuxiao',
name: '注销',
content: '杭州瀚扬科技有限公司'
},
{
type: 'zhuxiao',
name: '注销',
content: '贵州国伟自由行智能科技有限公司'
}
]
}; };
}, },
}; };
...@@ -51,4 +73,4 @@ export default { ...@@ -51,4 +73,4 @@ export default {
} }
} }
} }
</style> </style>
\ No newline at end of file
...@@ -56,10 +56,14 @@ export default { ...@@ -56,10 +56,14 @@ export default {
margin: 0; margin: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; //justify-content: space-around;
li { li {
margin: 15px 0; flex: 1;
margin: 0 15px;
padding: 15px 0;
text-align: center; text-align: center;
cursor: pointer;
transition: all 0.25s;
.zxcxgj-img { .zxcxgj-img {
margin-bottom: 13px; margin-bottom: 13px;
} }
...@@ -68,6 +72,10 @@ export default { ...@@ -68,6 +72,10 @@ export default {
font-size: 14px; font-size: 14px;
} }
} }
li:hover {
transform: translate(-5px, -5px);
box-shadow: 5px 5px 12px rgba(0,0,0,.2);
}
} }
} }
</style> </style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span> <span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span>
</div> </div>
<div class="knowledge-top-form col-lg-12"> <div class="knowledge-top-form col-lg-12">
<el-select class="col-lg-2" <el-select class="col-lg-3"
v-model="chaxun.type" v-model="chaxun.type"
placeholder="请选择" placeholder="请选择"
clearable clearable
...@@ -20,12 +20,12 @@ ...@@ -20,12 +20,12 @@
> >
</el-option> </el-option>
</el-select> </el-select>
<el-input class="col-lg-8" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input> <el-input class="col-lg-7" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input>
<div class="top-form-btn col-lg-2" > <div class="top-form-btn col-lg-2" >
<img src="../../assets/image/home/sousuo-ico1.png" alt="" /> <img src="../../assets/image/home/sousuo-ico1.png" alt="" />
</div> </div>
</div> </div>
<div class="title">术语表</div> <div class="title">术语表</div>
<table class="table table-bordered table-hover "> <table class="table table-bordered table-hover ">
<thead> <thead>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
...@@ -88,18 +88,18 @@ export default { ...@@ -88,18 +88,18 @@ export default {
}; };
}, },
created() { created() {
for (var i = 0; i < 26; i++) { for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i))); this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
} }
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.knowledge-top-form { .knowledge-top-form {
@include elInput(50px, #414345, #414345, #fff, #cfdcea); @include elInput(50px, #414345, #414345, #fff, #cfdcea);
.el-select .el-input__inner{ .el-select .el-input__inner{
...@@ -115,7 +115,7 @@ export default { ...@@ -115,7 +115,7 @@ export default {
.knowledge-top-form{ .knowledge-top-form{
width: 100%!important; width: 100%!important;
} }
} }
@media screen and (max-width: 1401px) { @media screen and (max-width: 1401px) {
.gsbtn{ .gsbtn{
...@@ -167,7 +167,7 @@ export default { ...@@ -167,7 +167,7 @@ export default {
color: #F26335; color: #F26335;
line-height: 18px; line-height: 18px;
} }
} }
.knowledge-top-form { .knowledge-top-form {
display: flex; display: flex;
...@@ -193,22 +193,22 @@ export default { ...@@ -193,22 +193,22 @@ export default {
} }
tbody{ tbody{
border-top: none border-top: none
} }
tr{ tr{
td:first-child,th:first-child{ td:first-child,th:first-child{
width: 20% width: 20%
} }
} }
tr:nth-child(odd)>td{ tr:nth-child(odd)>td{
background: #f5f5f5 background: #f5f5f5
} }
tr td:first-child{ tr td:first-child{
font-weight: 800 font-weight: 800
...@@ -216,4 +216,4 @@ export default { ...@@ -216,4 +216,4 @@ export default {
} }
} }
} }
</style> </style>
\ No newline at end of file
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