Browse Source

书车/我的style修改

master
xuhuajiao 1 year ago
parent
commit
ad3443835b
  1. 33
      library-activity/src/views/cart/cart.vue
  2. 16
      library-activity/src/views/mine/mine.vue

33
library-activity/src/views/cart/cart.vue

@ -87,26 +87,6 @@
</div>
</div>
</div>
<div class="product-item">
<van-checkbox v-model="checked"></van-checkbox>
<div class="product-cont">
<div class="product-img"><img src="" alt="" /></div>
<div class="product-txt">
<div class="product-info">
<h4 class="overflow-txt-only">秒懂AI提问让人工智能开发大脑 </h4>
<div class="author-date">
<p class="author overflow-txt-only">秋叶 刘进新 姜梅 定秋枫</p>
<p class="date overflow-txt-only ">2023年07月</p>
</div>
<div class="intro overflow-txt">精心提炼20种GPT提问方法及指令从入门到进阶再到精通100个案例带你玩</div>
</div>
<div class="product-bottom">
<p class="product-price">实付款 <span><i class="rmb"></i>29.0</span><i>129.0</i></p>
<span class="product-num">x1</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -156,16 +136,6 @@ export default {
</script>
<style scoped lang="scss">
.cart-header{
display: flex;
justify-content: flex-end;
padding: .175rem .4rem;
background-color: #fff;
height: 0.7rem;
line-height: 0.7rem;
font-size: .3rem;
color: #191A1A;
}
.cart-main{
padding: 0.25rem .125rem 2.375rem .125rem;
color: #191A1A;
@ -174,12 +144,12 @@ export default {
top: 0;
right: 0;
left: 0;
background-color: #F4F4FC;
display: flex;
justify-content: space-between;
align-items: center;
font-size: .3rem;
padding: .25rem;
background-color: #F4F4FC;
z-index: 999;
.cart-num{
font-size: .3rem;
@ -189,7 +159,6 @@ export default {
}
}
}
}
.cart-list{
padding-top: .875rem;

16
library-activity/src/views/mine/mine.vue

@ -17,7 +17,7 @@
</div>
<div class="mine-content">
<div class="mine-item mine-order">
<div class="mini-title">
<div class="mine-title">
<h4>我的订单</h4>
<span>查看全部</span>
</div>
@ -69,7 +69,7 @@
</div>
</div>
<div class="mine-item mine-lend">
<div class="mini-title">
<div class="mine-title">
<h4>我的借阅</h4>
<span>查看全部</span>
</div>
@ -89,7 +89,7 @@
</div>
</div>
<div class="mine-item mine-lend">
<div class="mini-title">
<div class="mine-title">
<h4>更多设置</h4>
</div>
<div class="setting">
@ -209,7 +209,7 @@ export default {
padding: .3125rem .2rem .375rem .2rem;
background-color: #fff;
border-radius: 0.1rem;
.mini-title{
.mine-title{
display: flex;
justify-content: space-between;
align-items: center;
@ -220,6 +220,7 @@ export default {
padding-right: .25rem;
background: url('@assets/images/arrow.png') no-repeat right center;
background-size: .2rem .2rem;
opacity: 0.4;
}
}
}
@ -296,6 +297,13 @@ export default {
.order-item{
width: 20%;
flex: none;
.order-icon{
width: .7rem;
img{
width: .7rem;
height: .7rem;
}
}
}
}
}

Loading…
Cancel
Save