Style:分享/保存图片按钮样式调整
This commit is contained in:
@@ -17,7 +17,7 @@
|
|||||||
:show-menu-by-longpress="false"
|
:show-menu-by-longpress="false"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
/>
|
/>
|
||||||
<view class="v12-primary v12-white-text v12-radius-100 share-btn" @click="saveImg(posterImage)">保存图片</view>
|
<view class="v12-white-text v12-radius-20 share-btn" @click="saveImg(posterImage)">保存图片</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="mask"></view>
|
<view class="mask"></view>
|
||||||
</view>
|
</view>
|
||||||
@@ -92,8 +92,9 @@ export default {
|
|||||||
<style scoped lang="less" lang="less">
|
<style scoped lang="less" lang="less">
|
||||||
.share-btn{
|
.share-btn{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 10rpx 0;
|
padding: 20rpx 0;
|
||||||
font-size: 24rpx;
|
font-size: 28rpx;
|
||||||
|
background: #ff564a;
|
||||||
}
|
}
|
||||||
.poster-first {
|
.poster-first {
|
||||||
overscroll-behavior: contain;
|
overscroll-behavior: contain;
|
||||||
|
|||||||
@@ -205,7 +205,7 @@ export default {
|
|||||||
background: rgba(211,92,101,0.5);
|
background: rgba(211,92,101,0.5);
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 5rpx 10rpx;
|
padding: 8rpx 10rpx;
|
||||||
border-radius: 20rpx 0 0 20rpx;
|
border-radius: 20rpx 0 0 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user