xuchaoandClaude Opus 4.8
97b22650ad
按需求四项（桌面+手机实测）： 1 删除搜索栏/筛选栏/u-loadmore/两个 u-picker 及其仅供它们使用的脚本 （地区/类型方法与数据、search 等），onReachBottom 分页保留。 2 卡片 .nr_item 左右边距改百分比(3.2%)、去掉固定宽 702rpx 改 width:auto+border-box， 右侧信息列改 flex:1，原售价宽改 100%，使左右边距随屏宽等比变化、实测左右相等。 3 补贴价飘带"工会补贴价"改"会员补贴价"。 4 悬浮按钮固定距屏幕底部 50px、左侧 12px；因定位已写死，移除与之矛盾的拖拽逻辑， 保留单击直达；加轻微投影与按下回弹反馈。 注：模板未使用的旧样式 .item/.r_text1/.n_text1 按约定保留未删； 其它页面"工会补贴价/工会会员补贴价"文案本次未动（仅改飘带）。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
51 lines
1.0 KiB
Vue
51 lines
1.0 KiB
Vue
<template name="gmy-float-touch">
|
||
<!-- xuchao: 门票订单悬浮按钮 —— 固定距屏幕底部 50px、左侧 12px，单击直达订单列表 -->
|
||
<view class="box" @click="onTap">
|
||
<image class="box__img" :src="mainImg" mode="aspectFill"></image>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "gmy-float-touch",
|
||
props: {
|
||
mainImg: {
|
||
type: String,
|
||
default: "../../static/main.png"
|
||
}
|
||
},
|
||
methods: {
|
||
// xuchao: 单击直接派发订单事件
|
||
onTap: function() {
|
||
this.$emit("menuClick", 4)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.box {
|
||
position: fixed;
|
||
left: 12px;
|
||
bottom: 50px;
|
||
width: 100upx;
|
||
height: 100upx;
|
||
z-index: 999;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.box__img {
|
||
width: 100upx;
|
||
height: 100upx;
|
||
transition: transform 0.12s ease;
|
||
// xuchao: 轻微投影 + 按下回弹，让悬浮钮有"浮起/可点"的反馈
|
||
filter: drop-shadow(0 6rpx 12rpx rgba(0, 0, 0, 0.18));
|
||
}
|
||
|
||
.box:active .box__img {
|
||
transform: scale(0.9);
|
||
}
|
||
</style>
|