添加个人联系页面

This commit is contained in:
kron
2025-05-07 23:34:15 +08:00
parent 29c332f171
commit ab169af87f
11 changed files with 79 additions and 82 deletions

View File

@@ -1,47 +0,0 @@
<script setup>
import { ref } from "vue";
const name = ref("");
const show = ref(false);
function handleClick() {
show.value = true;
setTimeout(() => {
show.value = false;
}, 3000);
}
</script>
<template>
<view>
<view class="input-box">
<input v-model="name" placeholder="What's your name?" />
</view>
<view>
<button :disabled="!name" @click="handleClick">Hello</button>
</view>
<view v-show="show" class="popup">
<text class="popup_label"> Hello{{ ` ${name}` }} 👏 </text>
</view>
</view>
</template>
<style scoped lang="scss">
.input-box {
margin: 1rem;
padding: 0.5rem;
border-bottom: 1px solid gray;
}
.popup {
position: fixed;
top: 2rem;
left: 0px;
right: 0px;
.popup_label {
padding: 0.5rem 2rem;
background: gray;
border-radius: 8px;
}
}
</style>

View File

@@ -47,18 +47,6 @@ defineProps({
color: #999;
margin-right: 10px;
}
.user-item > view button {
margin: 0;
padding: 0;
border: none;
background: none;
line-height: 1;
outline: none;
box-sizing: border-box;
}
.user-item > view button::after {
border: none;
}
.user-item > view image {
width: 24px;