From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 15 七月 2025 13:12:48 +0800 Subject: [PATCH] 项目初始化 --- src/pages_template/pages/citySelect/index.vue | 34 ++++++++++++++++++++++++++++++++++ 1 files changed, 34 insertions(+), 0 deletions(-) diff --git a/src/pages_template/pages/citySelect/index.vue b/src/pages_template/pages/citySelect/index.vue new file mode 100644 index 0000000..14f57c4 --- /dev/null +++ b/src/pages_template/pages/citySelect/index.vue @@ -0,0 +1,34 @@ +<script setup> +import { ref } from 'vue'; +import citySelect from '@/components/u-city-select/u-city-select.vue'; +const value = ref(false); +const input = ref(''); + +const cityChange = (e) => { + input.value = e.province.label + '-' + e.city.label + '-' + e.area.label; + input.value += e.province.value + '-' + e.city.value + '-' + e.area.value; +}; +</script> +<template> + <view class="u-demo"> + <view class="u-demo-wrap"> + <view class="u-demo-title">婕旂ず鏁堟灉</view> + <view class="u-demo-area"> + <city-select v-model="value" @city-change="cityChange"></city-select> + <view class="u-demo-result-line">{{ input ? input : 'Picker鍊�' }}</view> + </view> + </view> + <view class="u-config-wrap"> + <view class="u-config-title u-border-bottom">鍙傛暟閰嶇疆</view> + <view class="u-config-item"> + <view class="u-item-title">鐘舵��</view> + <u-button @click="value = true">鎵撳紑Picker</u-button> + </view> + </view> + </view> +</template> +<style scoped> +.btn-wrap { + margin: 100rpx 30rpx; +} +</style> -- Gitblit v1.9.3