Style:分享/保存图片按钮样式调整

This commit is contained in:
linxi
2024-11-28 09:25:05 +08:00
parent feb314d279
commit 8c1fdba140
2 changed files with 5 additions and 4 deletions
+4 -3
View File
@@ -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;
+1 -1
View File
@@ -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;