|
|
@@ -17,7 +17,8 @@
|
|
|
<view class="buy-flower-container">
|
|
|
<button class="buy-mall-btn" @click="buyHs()">
|
|
|
<view class="btn-content">
|
|
|
- <text class="btn-text">->买花束绿植</text>
|
|
|
+ <view class="arrow-icon"></view>
|
|
|
+ <text class="btn-text">买花束绿植</text>
|
|
|
</view>
|
|
|
</button>
|
|
|
</view>
|
|
|
@@ -614,7 +615,7 @@ export default {
|
|
|
border-radius: 50upx;
|
|
|
padding: 0;
|
|
|
height: 80upx;
|
|
|
- min-width: 240upx;
|
|
|
+ min-width: 245upx;
|
|
|
box-shadow: 0 8upx 20upx rgba(165, 94, 234, 0.3);
|
|
|
overflow: hidden;
|
|
|
&:active {
|
|
|
@@ -644,6 +645,38 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ gap: 8upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .arrow-icon {
|
|
|
+ width: 64upx;
|
|
|
+ height: 64upx;
|
|
|
+ margin-right: 6upx;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 30upx;
|
|
|
+ height: 8upx;
|
|
|
+ background: white;
|
|
|
+ border-radius: 4upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-left: 20upx solid white;
|
|
|
+ border-top: 12upx solid transparent;
|
|
|
+ border-bottom: 12upx solid transparent;
|
|
|
+ right: 4upx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.sparkle-css {
|
