Browse Source

样式

feature/feature-compatible
fengchengzhi 7 years ago
parent
commit
64dba8babe
4 changed files with 32 additions and 26 deletions
  1. 33
      src/view/home.vue
  2. 6
      src/view/poster.vue
  3. 6
      src/view/service-evaluation-status.vue
  4. 13
      src/view/service-evaluation.vue

33
src/view/home.vue

@ -26,20 +26,22 @@
</div> </div>
<ul class="card-list"> <ul class="card-list">
<li v-for="item1 in item.list"> <li v-for="item1 in item.list">
<div class="left">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<img :src=" imghost + item1.bannerImgs" />
</a>
</div>
<div class="right">
<h3>{{item1.name}}</h3>
<div class="text">{{item1.shortDesc}}</div>
<div class="card-name"><i>{{toJSON(item1.smallLabel)}}</i></div>
<div class="btn-box">
<span> <em>{{item1.originalPrice > 0 ? item1.originalPrice/100 : item1.price/100}}</em></span>
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">立即购买</a>
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<div class="left">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<img :src=" imghost + item1.bannerImgs" />
</a>
</div> </div>
</div>
<div class="right">
<h3>{{item1.name}}</h3>
<div class="text">{{item1.shortDesc}}</div>
<div class="card-name"><i>{{toJSON(item1.smallLabel)}}</i></div>
<div class="btn-box">
<span> <em>{{item1.originalPrice > 0 ? item1.originalPrice/100 : item1.price/100}}</em></span>
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">立即购买</a>
</div>
</div>
</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -339,6 +341,11 @@
padding: 0.2rem; padding: 0.2rem;
margin: auto; margin: auto;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
display: block;
/*align-items: center;*/
/*justify-content: space-between;*/
}
.home .page-content .new-card .card-list li a {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

6
src/view/poster.vue

@ -2,6 +2,7 @@
<template> <template>
<div class="poster"> <div class="poster">
<img class="weixin" src="../assets/images/poster/weixin.png" v-show="ImgFix" @click="ImgFix = false" /> <img class="weixin" src="../assets/images/poster/weixin.png" v-show="ImgFix" @click="ImgFix = false" />
<div style="height: 0.9rem;"></div>
<div class="page-top"> <div class="page-top">
<a @click="goBack()" class="goBack"><img src="../assets/images/my-money/left.png" /></a> <a @click="goBack()" class="goBack"><img src="../assets/images/my-money/left.png" /></a>
<i class="name">分销海报</i> <i class="name">分销海报</i>
@ -232,7 +233,7 @@
} }
}, },
mounted() { mounted() {
this.getNo()
// this.getNo()
} }
}; };
</script> </script>
@ -247,7 +248,8 @@
justify-content: center; justify-content: center;
padding: 0 0.2rem; padding: 0 0.2rem;
box-sizing: border-box; box-sizing: border-box;
position: relative;
position: fixed;
z-index: 100;
} }
.poster .page-top .goBack { .poster .page-top .goBack {
left: 0.2rem; left: 0.2rem;

6
src/view/service-evaluation-status.vue

@ -40,3 +40,9 @@ export default {
} }
}; };
</script> </script>
<style>
.service-evaluation-status .page-content {
position: absolute;
padding-bottom: 300px;
}
</style>

13
src/view/service-evaluation.vue

@ -46,16 +46,6 @@
<button @click="submit" class="submitBtn">提交</button> <button @click="submit" class="submitBtn">提交</button>
</div> </div>
<!--问题弹出框-->
<!-- <div id="popup-question" class="popup-box" style="display:block">
<div class=" popup-centent">
<span class="closeBtn"><img src="../assets/images/put-money/close.png" alt=""></span>
<p class="cue-title">提示</p>
<p>请进入微信公众号一号家政服务号进行提现操作</p>
<button>确定</button>
</div>
</div> -->
<transition name="fade"> <transition name="fade">
<div class="popup-box" v-show="tipShow"> <div class="popup-box" v-show="tipShow">
<div class="popup-centent" id="popup-question"> <div class="popup-centent" id="popup-question">
@ -237,8 +227,9 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.page-content {
.service-evaluation .page-content {
position: absolute; position: absolute;
padding-bottom: 1.5rem;
} }
.fade-enter-active { .fade-enter-active {
transition: opacity 0.5s; transition: opacity 0.5s;

Loading…
Cancel
Save