Gary
1 week ago
parent
ec035860b7
commit
c5230c08dc
@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<view :class="['container', extend_class]">
|
||||
|
||||
<!--背景图 -->
|
||||
<image src="@/static/components/dictionary/pictures/background.png" class="background"></image>
|
||||
|
||||
<!--按钮和文字 -->
|
||||
<image class="button" src="@/static/components/dictionary/pictures/button.png" @click="go_to_page"></image>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "dictionary",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
props: {
|
||||
extend_class: { // 接收外部传入的 class
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
go_to_page() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/homepages/homes/ai_recongize_fruit/ai_recongize_fruit'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.container {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
height: 30%;
|
||||
|
||||
}
|
||||
|
||||
.background_image {
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 18%;
|
||||
left: 90%;
|
||||
top: 80%;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<view :class="['container', extend_class]">
|
||||
|
||||
<!--背景图 -->
|
||||
<image src="@/static/components/my_exercise_plan/pictures/background.png" class="background_image"></image>
|
||||
|
||||
<!--按钮和文字 -->
|
||||
<image class="button" src="@/static/components/my_exercise_plan/pictures/text_and_button.png" @click="go_to_page"></image>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "my_exercise_plan",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
props: {
|
||||
extend_class: { // 接收外部传入的 class
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
go_to_page() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/homepages/homes/ai_recongize_fruit/ai_recongize_fruit'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 28%;
|
||||
|
||||
}
|
||||
|
||||
.background_image {
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 18%;
|
||||
left: 50%;
|
||||
top: 62%;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<view :class="['container', extend_class]">
|
||||
|
||||
<!--背景图 -->
|
||||
<image src="/static/components/my_recipe_plan/pictures/background.png" class="background_image"></image>
|
||||
|
||||
<!--按钮和文字 -->
|
||||
<image class="button" src="/static/components/my_recipe_plan/pictures/text_and_button.png" @click="go_to_page"></image>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "my_recipe_plan",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
props: {
|
||||
extend_class: { // 接收外部传入的 class
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
go_to_page() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/homepages/homes/ai_recongize_fruit/ai_recongize_fruit'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 28%;
|
||||
|
||||
}
|
||||
|
||||
.background_image {
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 18%;
|
||||
left: 50%;
|
||||
top: 62%;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<view :class="['container', extend_class]">
|
||||
|
||||
<!--背景图 -->
|
||||
<image src="@/static/components/read/pictures/background.png" class="background"></image>
|
||||
|
||||
<!--按钮和文字 -->
|
||||
<image class="button" src="@/static/components/read/pictures/button.png" @click="go_to_page"></image>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "read",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
props: {
|
||||
extend_class: { // 接收外部传入的 class
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
go_to_page() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/homepages/homes/ai_recongize_fruit/ai_recongize_fruit'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 28%;
|
||||
|
||||
}
|
||||
|
||||
.background_image {
|
||||
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 18%;
|
||||
left: 50%;
|
||||
top: 62%;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<!--临时测试页面-->
|
||||
<view>
|
||||
<dictionary></dictionary>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
|
After Width: | Height: | Size: 458 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 487 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 542 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 475 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
@ -0,0 +1,179 @@
|
||||
.background {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.home_text{
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
height: 27%;
|
||||
width: 100%;
|
||||
left: -13%;
|
||||
}
|
||||
.swiper{
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
height: 28%;
|
||||
width: 98%;
|
||||
left: 1%;
|
||||
}
|
||||
.swipe_dot{
|
||||
position: absolute;
|
||||
top: 41%;
|
||||
height: 5%;
|
||||
width: 44%;
|
||||
left: 28%;
|
||||
}
|
||||
.line{
|
||||
position: absolute;
|
||||
top: 48%;
|
||||
height: 0.3%;
|
||||
width: 70%;
|
||||
left: 15%;
|
||||
}
|
||||
.recipe_area_word{
|
||||
position: absolute;
|
||||
top: 53%;
|
||||
height: 3.7%;
|
||||
width: 30%;
|
||||
left: 6%;
|
||||
}
|
||||
.recipe_area {
|
||||
background-color: #E0E0BA;
|
||||
position: absolute;
|
||||
top: 58%;
|
||||
height: 85%;
|
||||
width: 90%;
|
||||
left: 5%;
|
||||
border-radius: 30px;
|
||||
.ai_recognize_recipe {
|
||||
position: absolute;
|
||||
top: -5%;
|
||||
width: 105%;
|
||||
height: 32%;
|
||||
left: -2.5%;
|
||||
|
||||
}
|
||||
.ai_recognize_hot {
|
||||
position: absolute;
|
||||
top: 24%;
|
||||
width: 105%;
|
||||
height: 28%;
|
||||
left: -2.5%;
|
||||
|
||||
}
|
||||
.ai_recognize_fruit {
|
||||
position: absolute;
|
||||
top: 46%;
|
||||
width: 105%;
|
||||
height: 30%;
|
||||
left: -2.5%;
|
||||
}
|
||||
.my_recipe_plan {
|
||||
position: absolute;
|
||||
top: 71%;
|
||||
width: 105%;
|
||||
height: 30%;
|
||||
left: -2.5%;
|
||||
}
|
||||
}
|
||||
.sport_text{
|
||||
position: absolute;
|
||||
top: 146%;
|
||||
height: 3.7%;
|
||||
width: 30%;
|
||||
left: 6%;
|
||||
}
|
||||
.sport_area{
|
||||
background-color: #A9D0AE;
|
||||
position: absolute;
|
||||
top: 151%;
|
||||
height: 50%;
|
||||
width: 90%;
|
||||
left: 5%;
|
||||
border-radius: 30px;
|
||||
.ai_recognize_plan{
|
||||
position: absolute;
|
||||
top: -1%;
|
||||
width: 105%;
|
||||
height: 50%;
|
||||
left: -2.5%;
|
||||
}
|
||||
.my_exercise_plan{
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
width: 105%;
|
||||
height: 50%;
|
||||
left: -2.5%;
|
||||
}
|
||||
}
|
||||
.read_text{
|
||||
position: absolute;
|
||||
top: 203%;
|
||||
height: 3.7%;
|
||||
width: 30%;
|
||||
left: 6%;
|
||||
}
|
||||
.read_area{
|
||||
background-color: #E7ABAB;
|
||||
position: absolute;
|
||||
top: 208%;
|
||||
height: 40%;
|
||||
width: 90%;
|
||||
left: 5%;
|
||||
border-radius: 30px;
|
||||
.dictionary_background{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 90%;
|
||||
left: -2.5%;
|
||||
}
|
||||
.dictionary_button{
|
||||
position: absolute;
|
||||
top: 65%;
|
||||
width: 10%;
|
||||
height: 10%;
|
||||
left: 27%;
|
||||
}
|
||||
.read_background{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 90%;
|
||||
left: 52.5%;
|
||||
}
|
||||
.read_button{
|
||||
position: absolute;
|
||||
top: 65%;
|
||||
width: 10%;
|
||||
height: 10%;
|
||||
left: 83%;
|
||||
}
|
||||
}
|
||||
.block_area{
|
||||
position: absolute;
|
||||
top: 258%;
|
||||
height: 5%;
|
||||
width: 100%;
|
||||
}
|
||||
.bar_home {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #7bc0fe; /* 这可以帮助你确认元素是否正确显示 */
|
||||
height: 10vh;
|
||||
.bar{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1001;
|
||||
}
|
||||
}
|
||||
|
||||
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 171 B |
|
After Width: | Height: | Size: 618 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,221 @@
|
||||
.background{
|
||||
background-image: url("@/static/login/account_login/background.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 100vh;
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
object-fit: contain;
|
||||
.welcome{
|
||||
position: absolute;
|
||||
width: 62%;
|
||||
height: 19%;
|
||||
top: 20%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.login_part{
|
||||
/* 登录 */
|
||||
position: absolute;
|
||||
width: 76%;
|
||||
height: 30%;
|
||||
top: 41%;
|
||||
.login_ways{
|
||||
position: absolute;
|
||||
width: 58%;
|
||||
height: 8.1%;
|
||||
display: flex;
|
||||
.account_words{
|
||||
height: 90%;
|
||||
margin-right: 5%;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1rem solid #094ABC;
|
||||
font-family: 'PingFang SC';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
color: #000364;
|
||||
}
|
||||
.captcha_words{
|
||||
height: 90%;
|
||||
padding-bottom: 0.5rem;
|
||||
margin-left: 3%;
|
||||
font-family: 'PingFang SC';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
color: #000364;
|
||||
}
|
||||
}
|
||||
.login_form{
|
||||
position: absolute;
|
||||
width: 97.8%;
|
||||
height: 73.1%;
|
||||
top: 20%;
|
||||
.form_input{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.login_form_item{
|
||||
height: auto;
|
||||
margin-bottom: 5%;
|
||||
.form_input_box{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
background-color: #D5E9FF;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.error_tip{
|
||||
margin-top: 0.6vh;
|
||||
padding-left: 3%;
|
||||
font-size: 0.8rem;
|
||||
color: #FF1E1E;
|
||||
}
|
||||
}
|
||||
.account_box{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.account{
|
||||
height: 5.5vh;
|
||||
padding-left: 11%;
|
||||
background-image: url("@/static/login/account_login/login_part/phone_icon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.8rem;
|
||||
background-position: 3% 50%;
|
||||
background-color: #D5E9FF;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
.passage_box{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.passage_input_box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #D5E9FF;
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
.passage{
|
||||
height: 5.5vh;
|
||||
padding-left: 11%;
|
||||
background-image: url("@/static/login/account_login/login_part/lock_icon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.8rem;
|
||||
background-position: 4.7% 50%;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.eyes{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
position: absolute;
|
||||
right: 13%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.captcha_box{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.captcha_input_box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 3%;
|
||||
background-color: #D5E9FF;
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
.captcha{
|
||||
height: 5.5vh;
|
||||
padding-left: 11%;
|
||||
background-image: url("@/static/login/account_login/login_part/captcha_icon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.8rem;
|
||||
background-position: 4.5% 50%;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.captcha_button{
|
||||
/* 发送验证码 */
|
||||
width: 5.5rem;
|
||||
height: 1.9rem;
|
||||
border-radius: 15px;
|
||||
font-size: 0.8rem;
|
||||
color: #000364;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.forget_passage{
|
||||
margin-bottom: 0.4rem;
|
||||
margin-top: 1.2rem;
|
||||
text-align: right;
|
||||
color: #000364;
|
||||
font-family: 'PingFang SC';
|
||||
font-style: normal;
|
||||
font-weight: 24rems;
|
||||
font-size: 0.8rem;
|
||||
// line-height: 24px;
|
||||
}
|
||||
.login_button{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 5.5vh;
|
||||
border-radius: 12px;
|
||||
background-color: #4A69F7;
|
||||
color: #FFFCFC;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.goto_register{
|
||||
position: absolute;
|
||||
width: 14%;
|
||||
height: 2%;
|
||||
top: 78%;
|
||||
left: 43%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.otherways_part{
|
||||
position: absolute;
|
||||
width: 59%;
|
||||
height: 10.9%;
|
||||
top: 82%;
|
||||
.otherways_tips{
|
||||
position: absolute;
|
||||
width: 98.6%;
|
||||
height: 24%;
|
||||
top: 0%;
|
||||
}
|
||||
.two_ways{
|
||||
/* 图标 */
|
||||
position: absolute;
|
||||
width: 46.9%;
|
||||
height: 50%;
|
||||
left: 26.6%;
|
||||
top: 35%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.qq_icon{
|
||||
/* qq图标 */
|
||||
position: absolute;
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
left: 0%;
|
||||
}
|
||||
.weixin_icon{
|
||||
/* 微信图标 */
|
||||
position: absolute;
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"hash": "06ac3fce",
|
||||
"configHash": "25b19c2c",
|
||||
"lockfileHash": "e3b0c442",
|
||||
"browserHash": "fd8ea9c9",
|
||||
"hash": "0aaf698d",
|
||||
"configHash": "cc60d382",
|
||||
"lockfileHash": "22a0e42d",
|
||||
"browserHash": "89d9bfb2",
|
||||
"optimized": {},
|
||||
"chunks": {}
|
||||
}
|
||||
Loading…
Reference in new issue