Refine subscription renewal button layout
This commit is contained in:
@@ -152,7 +152,7 @@
|
|||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<button wx:if="{{subscribeChecked}}" class="btn btn-primary" bindtap="renewSubscribe">订阅一次 TA 的提醒</button>
|
<button wx:if="{{subscribeChecked}}" class="subscribe-renew" bindtap="renewSubscribe">订阅一次 TA 的提醒</button>
|
||||||
|
|
||||||
<!-- 说明 -->
|
<!-- 说明 -->
|
||||||
<view class="subscribe-note">
|
<view class="subscribe-note">
|
||||||
|
|||||||
@@ -221,6 +221,33 @@ scroll-view.page-bg { height: 100vh; overflow-y: scroll; -webkit-overflow-scroll
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.subscribe-renew {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
margin: 24rpx 0 0;
|
||||||
|
padding: 0 16rpx;
|
||||||
|
border: none;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
background: #B74768;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1;
|
||||||
|
white-space: nowrap;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.subscribe-renew::after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.subscribe-renew:active {
|
||||||
|
background: #943C58;
|
||||||
|
}
|
||||||
|
|
||||||
.subscribe-note {
|
.subscribe-note {
|
||||||
background: #F8F8F8;
|
background: #F8F8F8;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
|
|||||||
Reference in New Issue
Block a user