添加页面文件
This commit is contained in:
33
src/pages/first-try.vue
Normal file
33
src/pages/first-try.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<script setup>
|
||||
import AppBackground from "@/components/AppBackground.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view>
|
||||
<AppBackground />
|
||||
<navigator
|
||||
open-type="navigateBack"
|
||||
hover-class="back-hover"
|
||||
class="back-btn"
|
||||
>返回</navigator
|
||||
>
|
||||
<text>新手试炼</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.back-btn {
|
||||
position: fixed;
|
||||
top: 2rem;
|
||||
left: 2rem;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.back-hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user