|
|
@@ -27,8 +27,8 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="list-det" style="position: absolute; bottom: 15upx; left: 122upx">
|
|
|
- <view v-if="item.priceType == 1" class="app-size-28 app-color-0" style="font-size: 24upx">¥{{ item.price?parseFloat(item.price):0 }}</view>
|
|
|
- <view v-else>--</view>
|
|
|
+ <view v-if="item.priceType == 1" class="app-size-28 app-color-0" style="font-size:28upx">¥{{ item.price?parseFloat(item.price):0 }}</view>
|
|
|
+ <view v-else></view>
|
|
|
</view>
|
|
|
<view
|
|
|
v-if="index > 0"
|
|
|
@@ -72,15 +72,7 @@
|
|
|
@touchmove="dragMove"
|
|
|
@touchend="dragEnd"
|
|
|
>
|
|
|
- <view class="drag-dots">
|
|
|
- <view class="dot"></view>
|
|
|
- <view class="dot"></view>
|
|
|
- <view class="dot"></view>
|
|
|
- <view class="dot"></view>
|
|
|
- <view class="dot"></view>
|
|
|
- <view class="dot"></view>
|
|
|
- </view>
|
|
|
- <text class="drag-tip">拖拽</text>
|
|
|
+ <text class="drag-tip">按住拖拽</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
@@ -620,7 +612,7 @@ export default {
|
|
|
}
|
|
|
.move-btn {
|
|
|
position: absolute;
|
|
|
- top: 60upx;
|
|
|
+ top: 85upx;
|
|
|
display: inline-flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
@@ -763,61 +755,31 @@ export default {
|
|
|
|
|
|
.drag-handle {
|
|
|
position: absolute;
|
|
|
- top: 50upx;
|
|
|
+ top: 85upx;
|
|
|
right: 14upx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- width: 70upx;
|
|
|
- height: 70upx;
|
|
|
- border-radius: 10upx;
|
|
|
+ width: 60upx;
|
|
|
+ height: 60upx;
|
|
|
+ border-radius: 8upx;
|
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
box-shadow: 0 2upx 8upx rgba(102, 126, 234, 0.2);
|
|
|
- transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
|
|
|
- cursor: grab;
|
|
|
-webkit-touch-callout: none;
|
|
|
-webkit-user-select: none;
|
|
|
user-select: none;
|
|
|
touch-action: none;
|
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
|
- /* 悬停效果 */
|
|
|
- &:hover {
|
|
|
- transform: translateY(-3upx);
|
|
|
- box-shadow: 0 6upx 16upx rgba(102, 126, 234, 0.35);
|
|
|
- background: linear-gradient(135deg, #7c8fee 0%, #8155b8 100%);
|
|
|
- }
|
|
|
-
|
|
|
- /* 按下效果 */
|
|
|
- &:active {
|
|
|
- cursor: grabbing;
|
|
|
- transform: scale(1.08);
|
|
|
- background: linear-gradient(135deg, #5a6ecf 0%, #6b3f95 100%);
|
|
|
- box-shadow: 0 4upx 12upx rgba(102, 126, 234, 0.4);
|
|
|
- }
|
|
|
-
|
|
|
- .drag-dots {
|
|
|
- display: grid;
|
|
|
- grid-template-columns: repeat(2, 1fr);
|
|
|
- gap: 6upx;
|
|
|
- margin-bottom: 5upx;
|
|
|
-
|
|
|
- .dot {
|
|
|
- width: 4upx;
|
|
|
- height: 4upx;
|
|
|
- background-color: rgba(255, 255, 255, 0.8);
|
|
|
- border-radius: 50%;
|
|
|
- box-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.1);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
.drag-tip {
|
|
|
- font-size: 16upx;
|
|
|
- color: rgba(255, 255, 255, 0.9);
|
|
|
- font-weight: 600;
|
|
|
+ font-size: 18upx;
|
|
|
+ color: rgba(255, 255, 255, 0.95);
|
|
|
+ font-weight: 700;
|
|
|
letter-spacing: 0.5upx;
|
|
|
- line-height: 1;
|
|
|
+ line-height: 1.2;
|
|
|
+ text-align: center;
|
|
|
+ word-break: break-word;
|
|
|
}
|
|
|
}
|
|
|
|