refactor: remove unused code and fix icon import
remove all unused UI components, their associated styles and image assets, and update the icon usage in DateRangeSection to use van-icon instead of uni-icons
This commit is contained in:
DEV_DSW
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
@@ -1,18 +0,0 @@
|
||||
<template>
|
||||
<div class="command-wrapper">
|
||||
<span class="command-text">{{ span }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
text: {
|
||||
type: String,
|
||||
default: "商品详情",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,11 +0,0 @@
|
||||
.command-wrapper {
|
||||
background-color: #0ccd58;
|
||||
border-radius: 20px 4px 20px 20px;
|
||||
padding: 8px 24px;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.command-text {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
|
||||
<span class="font-size-12 theme-color-500 line-height-16">房间详情</span>
|
||||
<uni-icons type="right" size="15" color="#99A0AE" />
|
||||
<van-icon name="arrow-right" size="15" color="#99A0AE" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
<template>
|
||||
<div class="divider"></div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,36 +0,0 @@
|
||||
.divider {
|
||||
height: 1px;
|
||||
margin: 0 10px;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#eee,
|
||||
#eee 5px,
|
||||
transparent 5px,
|
||||
transparent
|
||||
);
|
||||
background-size: 10px 100%;
|
||||
position: relative;
|
||||
|
||||
// &::before, &::after {
|
||||
// position: absolute;
|
||||
// content: '';
|
||||
// height: 12px;
|
||||
// width: 6px;
|
||||
|
||||
// background-color: #E2EDF2;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// }
|
||||
|
||||
// &::before {
|
||||
// border-radius: 0 20px 20px 0;
|
||||
// top: 0;
|
||||
// left: -10px;
|
||||
// }
|
||||
|
||||
// &::after {
|
||||
// border-radius: 20px 0 0 20px;
|
||||
// top: 0;
|
||||
// right: -10px;
|
||||
// }
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,46 +0,0 @@
|
||||
<template>
|
||||
<div class="store-address" @click="openMap">
|
||||
<uni-icons type="location" size="18" color="#999" />
|
||||
<text>{{ orderData.commodityAddress }}</text>
|
||||
<uni-icons type="right" size="14" color="#999" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { defineProps } from "vue";
|
||||
|
||||
defineProps({
|
||||
orderData: {
|
||||
type: Object,
|
||||
required: true,
|
||||
default: () => ({}),
|
||||
},
|
||||
});
|
||||
|
||||
// 打开地图
|
||||
const openMap = () => {
|
||||
const address = props.orderData.commodityAddress;
|
||||
const latitude = Number(props.orderData.commodityLatitude);
|
||||
const longitude = Number(props.orderData.commodityLongitude);
|
||||
|
||||
uni.getLocation({
|
||||
type: "gcj02", //返回可以用于uni.openLocation的经纬度
|
||||
success: (res) => {
|
||||
console.log("当前经纬度", latitude, longitude);
|
||||
|
||||
uni.openLocation({
|
||||
latitude: latitude,
|
||||
longitude: longitude,
|
||||
address: address,
|
||||
success: () => {
|
||||
console.log("success");
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,14 +0,0 @@
|
||||
.store-address {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
|
||||
text {
|
||||
flex: 1;
|
||||
padding: 0 6px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
@@ -1,50 +0,0 @@
|
||||
<template>
|
||||
<div class="privacy" v-if="showPrivacy">
|
||||
<div class="content">
|
||||
<div class="title">隐私保护指引</div>
|
||||
<div class="des">
|
||||
请您仔细阅读并充分理解<span class="link" @click="handleOpenPrivacyContract">{{ privacyContractName }}</span>
|
||||
，如您同意前述协议的全部内容，请点击“同意”开始使用。<span class="cancel">如您不同意，将被限制使用部分功能，或将在您使用具体功能前再次询问以取得您的授权同意。</span>
|
||||
</div>
|
||||
|
||||
<div class="btns">
|
||||
<button class="reject" @click="handleDisagree">拒绝</button>
|
||||
<button class="agree" open-type="agreePrivacyAuthorization"
|
||||
@agreeprivacyauthorization="handleAgreePrivacyAuthorization">
|
||||
同意
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const showPrivacy = ref(false);
|
||||
const privacyContractName = ref("隐私保护指引");
|
||||
|
||||
// 拒绝
|
||||
const handleDisagree = () => {
|
||||
showPrivacy.value = false;
|
||||
};
|
||||
|
||||
// 同意
|
||||
const handleAgreePrivacyAuthorization = () => {
|
||||
showPrivacy.value = false;
|
||||
};
|
||||
|
||||
// 打开隐私保护指引
|
||||
const handleOpenPrivacyContract = () => {
|
||||
// 条件编译微信小程序
|
||||
// #ifdef MP-WEIXIN
|
||||
wx.openPrivacyContract({
|
||||
fail: () => { },
|
||||
});
|
||||
// #endif
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,66 +0,0 @@
|
||||
.privacy {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
padding: 15px;
|
||||
border-radius: 20px 20px 0 0;
|
||||
}
|
||||
|
||||
.des {
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #007aff;
|
||||
}
|
||||
|
||||
.btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20px 0 40px;
|
||||
}
|
||||
|
||||
.reject,
|
||||
.agree {
|
||||
border-radius: 50px;
|
||||
width: 45%;
|
||||
border: none;
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.reject {
|
||||
color: #000;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.agree {
|
||||
color: #fff;
|
||||
background-color: #007aff;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
@@ -1,21 +0,0 @@
|
||||
<template>
|
||||
<div class="response-intro-wrapper">
|
||||
<span class="response-intro-text">{{ introText }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { defineProps } from "vue";
|
||||
|
||||
defineProps({
|
||||
introText: {
|
||||
type: String,
|
||||
default:
|
||||
"酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍酒店介绍",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,11 +0,0 @@
|
||||
.response-intro-wrapper {
|
||||
padding: 4px 8px 12px 12px;
|
||||
}
|
||||
|
||||
.response-intro-text {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
line-height: 20px;
|
||||
text-align: justify;
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
<template>
|
||||
<div class="response-wrapper">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup></script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,7 +0,0 @@
|
||||
.response-wrapper {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px 20px 20px 20px;
|
||||
border: 1px solid #fff;
|
||||
padding: 12px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 494 B |
@@ -1,36 +0,0 @@
|
||||
<template>
|
||||
<div class="service-prompt">
|
||||
<div class="service-header">
|
||||
<span class="header-text">你可以这样问我</span>
|
||||
<img class="header-icon" src="./images/icon_refresh.png" @click="handleRefresh"></image>
|
||||
</div>
|
||||
<div class="service-buttons">
|
||||
<span class="service-button" @click="handleClick('bed')">
|
||||
帮我加一张床
|
||||
</span>
|
||||
<span class="service-button" @click="handleClick('hotWater')">
|
||||
房间热水不够热
|
||||
</span>
|
||||
<span class="service-button" @click="handleClick('mahjong')">
|
||||
帮忙加一台麻将机
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
|
||||
const handleRefresh = (type) => {
|
||||
console.log(`Button clicked: ${type}`);
|
||||
};
|
||||
|
||||
const handleClick = (type) => {
|
||||
console.log(`Button clicked: ${type}`);
|
||||
// Add your logic here based on the type (e.g., 'bed', 'hotWater', 'mahjong')
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,53 +0,0 @@
|
||||
.service-prompt {
|
||||
padding: 12px 18px;
|
||||
}
|
||||
|
||||
.service-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
font-size: 12px;
|
||||
color: #6b84a2;
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.service-buttons {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.service-button {
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 8px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.5) 0%,
|
||||
#ffffff 100%
|
||||
);
|
||||
box-shadow: 0px 2px 6px 0px rgba(16, 78, 137, 0.1);
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
border: 1px solid #fff;
|
||||
border-image: linear-gradient(
|
||||
137deg,
|
||||
rgba(255, 255, 255, 1),
|
||||
rgba(255, 255, 255, 0.5),
|
||||
rgba(255, 255, 255, 1)
|
||||
);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #0ccd58;
|
||||
border-radius: 50px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
@@ -1,15 +0,0 @@
|
||||
<template>
|
||||
<div class="tags-group">
|
||||
<div class="tag-item" v-for="(tag, index) in tags" :key="index">
|
||||
{{ tag }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const tags = ["门票套餐", "民俗活动", "车程路况"];
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "./styles/index.scss";
|
||||
</style>
|
||||
@@ -1,13 +0,0 @@
|
||||
.tags-group {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 8px 16px;
|
||||
font-size: 12px;
|
||||
color: #0ccd58;
|
||||
white-space: nowrap;
|
||||
}
|
||||
Reference in New Issue
Block a user