Browse Source

样式调整

master
rose 4 years ago
parent
commit
82b882ff35
  1. 22
      src/common/platform.styl
  2. 11
      src/common/portrait.styl
  3. 35
      src/views/Challenge/Children/Solicitation.vue
  4. 25
      src/views/IncubationPlatform/Children/Services.vue
  5. 7
      src/views/IncubationPlatform/Children/place/EntitySpace.vue
  6. 8
      src/views/IncubationPlatform/Children/place/VirtualSpace.vue
  7. 23
      src/views/Industry/Children/Serve.vue
  8. 3
      src/views/ItInformation/ItInformation.vue
  9. 25
      src/views/NewPlatform/Children/Service.vue
  10. 4
      src/views/Policy/components/PolicyList.vue

22
src/common/platform.styl

@ -165,7 +165,7 @@
}
.flow-title {
position: absolute;
top: 40%;
top: 10%;
font-size: 30px;
color: #fff;
}
@ -183,3 +183,23 @@
color: #096DD9;
cursor: pointer;
}
.box1{
width: 100%;
height: 100px;
margin-top 5rem
overflow: hidden;/* */
// background-color: skyblue;
}
.box1 .wrap{
width: 100%;/* */
height: 116px;/* 16px */
overflow-x: scroll;/* */
overflow-y: hidden;
}
.box1 .wrap ul{
width: 290%;
display: flex;
padding-left: 0px
padding-right: 0px
}

11
src/common/portrait.styl

@ -426,11 +426,18 @@ img{
.font-20{
font-size: 20px;
}
.font-22{
font-size: 22px;
}
.font-bold-20{
font-size: 20px;
font-weight: bold;
}
.font-bold-18{
font-size: 18px;
font-weight: bold;
}
.font-bold-16{
font-size: 16px;
@ -582,6 +589,6 @@ h2{
// margin-left: 6%;
border-radius: 4px;
// margin-bottom: 1rem;
padding: 10px;
padding: 0px 10px;
// padding-bottom: 1rem;
}

35
src/views/Challenge/Children/Solicitation.vue

@ -21,8 +21,21 @@
<div style="margin-left: 1rem">挑战流程</div>
</div>
<div class="center-txt">
<div class="box1">
<div class="wrap">
<ul>
<li style="listStyle:none">
<img style="height:120px;width:900px" src="../../../assets/solicitation.png" />
</li>
<!-- <li>2可滑动</li>
<li>3ie8以上</li>
<li>4</li>
<li>5</li> -->
</ul>
</div>
</div>
<div class="move">
<img style="height:100%;width:1200px" src="../../../assets/solicitation.png" />
</div>
@ -140,4 +153,24 @@ export default {
overflow-y: hidden;
}
.box1{
width: 100%;
height: 120px;
overflow: hidden;/* 超出隐藏滚动条 */
margin-top 0px
// background-color: skyblue;
}
.box1 .wrap{
width: 100%;/* 和父盒子宽度一样 */
height: 136px;/* 比里层元素高16px 为了隐藏滚动条*/
overflow-x: scroll;/* 定义超出此盒子滚动 */
overflow-y: hidden;
}
.box1 .wrap ul{
width: 290%;
display: flex;
padding-left: 0px
padding-right: 0px
}
</style>

25
src/views/IncubationPlatform/Children/Services.vue

@ -3,11 +3,20 @@
<h-nav />
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="left: 0.5rem;font-size: 20px">服务流程</div>
<div class="flow-content1">
<img src="~assets/image.png" style="width: 100%;height: 4rem" />
</div>
<div class="flow-path" style="padding: 6px 9%;">
<div class="flow-title" style="top: 1rem;left:1rem">服务流程</div>
<div class="box1">
<div class="wrap">
<ul>
<li style="listStyle:none">
<img src="~assets/image.png" />
</li>
</ul>
</div>
</div>
<!-- <div class="flow-content">
<img src="~assets/image.png" style="width: 100%" />
</div> -->
</div>
<div class="d-flex flex-wrap" style="margin: 20px auto">
<div
@ -23,12 +32,12 @@
@click="showModal(item.id)"
style="height: 5rem; width: 100%; border: 1px solid #ccc"
/>
<p @click="showModal(item.id)" class="font-24 my-2 text-center">{{ item.name }}</p>
<div v-if="item.intro.length>15" class="font-16 textColor item-intro mb-2">
<p @click="showModal(item.id)" class="font-bold-18 my-1 text-center">{{ item.name }}</p>
<div v-if="item.intro.length>15" class="font-14 textColor item-intro mb-2">
{{ item.intro.slice(0,15) }}
<a-button
@click="showIntro(index)"
class="font-16 baseColor"
class="font-14 baseColor"
type="link"
style="height:20px;float:right;padding:0px"
>

7
src/views/IncubationPlatform/Children/place/EntitySpace.vue

@ -178,7 +178,7 @@ export default {
.center-title {
top: 10%;
font-size: 28px;
font-size: 22px;
color: #000;
}
.center-box {
@ -321,13 +321,13 @@ export default {
.add-mol {
position: absolute;
bottom: 7%;
left: 20%;
left: 15%;
}
.set-mol {
position: absolute;
bottom: 7%;
left: 50%;
left: 45%;
}
@ -345,5 +345,6 @@ export default {
.center-img {
width: 79%;
margin 0 auto
}
</style>

8
src/views/IncubationPlatform/Children/place/VirtualSpace.vue

@ -14,7 +14,7 @@
<div class="center-box c-box" style="margin-bottom: 15px">
<div class="center-title d-flex align-center" style="top: 105px;">
<div class="circular"></div>
<div style="margin-left: 2rem">入驻企业名录</div>
<div class="font-22" style="margin-left: 2rem">入驻企业名录</div>
</div>
<div class="center-content">
<settled-enterprise :lists="lists" @searchEnt="searchEnt" />
@ -232,13 +232,13 @@ export default {
.add-mol {
position: absolute;
bottom: 7%;
left: 25%;
left: 15%;
}
.set-mol {
position: absolute;
bottom: 7%;
left: 33%;
left: 45%;
}
@media only screen and (max-width: 1500px) {
@ -270,7 +270,7 @@ export default {
.center-title {
top: 10%;
font-size: 26px;
font-size: 22px;
color: #000;
}
</style>

23
src/views/Industry/Children/Serve.vue

@ -2,11 +2,20 @@
<div>
<h-nav />
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="left: 0.5rem;font-size: 20px">服务流程</div>
<div class="flow-content1">
<img src="~assets/image.png" style="width: 100%;height: 4rem" />
</div>
<div class="flow-path" style="padding: 6px 9%;">
<div class="flow-title" style="top: 1rem;left:1rem">服务流程</div>
<div class="box1">
<div class="wrap">
<ul>
<li style="listStyle:none">
<img src="~assets/image.png" />
</li>
</ul>
</div>
</div>
<!-- <div class="flow-content">
<img src="~assets/image.png" style="width: 100%" />
</div> -->
</div>
<div class="d-flex flex-wrap" style="margin: 20px auto">
<div
@ -20,10 +29,10 @@
@click="showModal(item.id)"
style="height: 5rem; width: 100%; border: 1px solid #ccc"
/>
<p @click="showModal(item.id)" class="font-24 my-4" style="text-align: center">
<p @click="showModal(item.id)" class="font-18 my-1" style="text-align: center">
<span>{{ item.name }}</span>
</p>
<div v-if="item.intro.length>10" class="font-16 textColor item-intro mb-2">
<div v-if="item.intro.length>10" class="font-14 textColor item-intro mb-2">
{{ item.intro.slice(0,10) }}
<a-button
@click="showIntro(index)"

3
src/views/ItInformation/ItInformation.vue

@ -101,7 +101,7 @@ export default {
<style scoped lang="stylus">
.inner {
margin: 40px auto;
margin: 10px auto;
}
.policy-box {
@ -121,6 +121,7 @@ export default {
color: rgba(0, 0, 0, 0.65);
font-family: Microsoft YaHei;
font-weight: bold;
margin-bottom 0px
}
.item-content {

25
src/views/NewPlatform/Children/Service.vue

@ -2,11 +2,20 @@
<div>
<h-nav />
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="top: 30%;left:1rem">服务流程</div>
<div class="flow-content">
<div class="flow-path" style="padding: 6px 9%;">
<div class="flow-title" style="top: 1rem;left:1rem">服务流程</div>
<div class="box1">
<div class="wrap">
<ul>
<li style="listStyle:none">
<img src="~assets/image.png" />
</li>
</ul>
</div>
</div>
<!-- <div class="flow-content">
<img src="~assets/image.png" style="width: 100%" />
</div>
</div> -->
</div>
<div class=" d-flex flex-wrap" style="margin: 20px auto">
<div
@ -17,14 +26,14 @@
v-for="(item, index) in list"
>
<img @click="showModal(item.id)" :src="item.picUrl" style="height:5rem; width: 100%; border: 1px solid #ccc" />
<p class="font-20 my-1" style="text-align: center">
<p class="font-bold-18 my-1" style="text-align: center">
<span>{{ item.name }}</span>
</p>
<div v-if="item.intro === null? false: item.intro.length>15" class="font-16 textColor item-intro">
<div v-if="item.intro === null? false: item.intro.length>15" class="font-14 textColor item-intro">
{{ item.intro.slice(0,15) }}
<a-button
@click="showIntro(index)"
class="font-16 baseColor"
class="font-14 baseColor"
type="link"
style="height:20px;float:right;padding:0px"
>
@ -415,4 +424,6 @@ export default {
-webkit-box-orient: vertical;
height: 60px;
}
</style>

4
src/views/Policy/components/PolicyList.vue

@ -30,8 +30,8 @@
<div style="margin-top:1rem;margin-bottom:0.5rem">
<a-checkbox :checked="pStatus.bw - 0 === 1" @click="changeStatus('bw')">国家</a-checkbox>
<a-checkbox :checked="pStatus.sx - 0 === 1" @click="changeStatus('sx')">山西省</a-checkbox>
<a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox>
<a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox>
<a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox>
<a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox>
</div>
<div>

Loading…
Cancel
Save