xiangshan
/
yxdth5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add new

This commit is contained in:
liuyalei 2023-12-07 09:46:28 +08:00
parent e09ce20561
commit 3e6384f6d9
1 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/App.vue
View File

@ -10,7 +10,7 @@ import sl1 from './assets/s5.png'
import sl2 from './assets/s6.png'
import sl3 from './assets/s7.png'
import sl4 from './assets/s8.png'
let bt_data=reactive([{btname:'优惠服务',imgurl:s1,simgurl:sl1},{btname:'生活助手',imgurl:s2,simgurl:sl2},{btname:'智能优推',imgurl:s3,simgurl:sl3},{btname:'大众点评',imgurl:s4,simgurl:sl4}])
let bt_data = reactive([{ btname: '优惠服务', imgurl: s1, simgurl: sl1 }, { btname: '生活助手', imgurl: s2, simgurl: sl2 }, { btname: '智能优推', imgurl: s3, simgurl: sl3 }, { btname: '大众点评', imgurl: s4, simgurl: sl4 }])
</script>
<template>
@ -30,22 +30,44 @@ let bt_data=reactive([{btname:'优惠服务',imgurl:s1,simgurl:sl1},{btname:'生
<!-- <RouterLink to="/chat">Chat</RouterLink> -->
<RouterView />
<div class="bottom">
<div class="bt_itm" v-for="(v,i) in bt_data" :key="i">
<div class="bt_itm" v-for="(v, i) in bt_data" :key="i">
<img :src="v.imgurl" alt="">
<img :src="v.simgurl" alt="">
<!-- <img :src="v.simgurl" alt=""> -->
<span>{{ v.btname }}</span>
</div>
</div>
</template>
<style >
*{padding: 0px;}
.bottom{
<style lang="scss">
* {
padding: 0px;
}
.bottom {
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-around;
.bt_itm {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 24px;
height: 24px;
}
span {
font-size: 10px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #999999;
}
}
}
/* header {
line-height: 1.5;
max-height: 100vh;
@ -106,5 +128,4 @@ nav a:first-of-type {
padding: 1rem 0;
margin-top: 1rem;
}
} */
</style>
} */</style>