odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

梁航：个人主页和详情页的更新

Browse Source
This commit is contained in:
hot777zz
2023-11-01 11:44:06 +08:00
parent 6ea0c2f048 529d64d200
commit af09d06203
29 changed files with 1733 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
pages/detail/detail.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<view class="detail">
<view class="swiper">
<u-swiper :list="list"></u-swiper>
</view>
<view class="sub-detail u-flex">
<view class="title">
石锅饭铺面转让石锅饭铺面转让石锅饭铺面转
</view>
<view>
<u-grid :col="3">
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-text">租金</view>
</u-grid-item>
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-text">转让费</view>
</u-grid-item>
<u-grid-item>
<view class="grid-text">22</view>
<view class="grid-text">面积</view>
</u-grid-item>
</u-grid>
</view>
</view>
<view class="location-detail">
<text>行业：</text>
<text>区域：</text>
<text>地址：</text>
</view>
<view class="seller-shop-detail">
<view class="avator">
<u-avatar :src="src"></u-avatar>
<u-cell title="张先生" label="123456"></u-cell>
</view>
<!-- <text>美食杂货店是一个主打食品和日用杂货的淘宝2222222222222222</text> -->
<u-cell title="店铺介绍" label="美食杂货店是一个主打食品和日用杂货的淘宝222222222222222222222美食杂货店是一个主打食品和日用杂货的淘宝美食杂货店是一个主打食品和日用杂货的淘宝"></u-cell>
</view>
</view>
</template>
<script>
export default {
props:{},
data() {
return {
list:'',
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.detail{
// background-color: #F8F8F8;
height: 100%;
}
.swiper {
}
.title{
padding: 20rpx;
background-color: #fff;
}
.location-detail{
display: flex;
margin-top: 20rpx;
background-color: #fff;
flex-direction: column;
padding-left: 16rpx;
line-height: 33px;
font-size: 15px;
}
.seller-shop-detail{
margin-top: 50rpx;
}
.avator{
display: flex;
flex-direction: row;
align-items: center;
margin-left: 16rpx;
}
</style>

38
pages/index/index.vue
View File

@@ -6,6 +6,8 @@
prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx" readonly>
</u-input>
</view>
<InputAndSwiper></InputAndSwiper>
<TabBar :current-page="0"></TabBar>
</view>
<h1>测试</h1>
</view>
@@ -14,9 +16,7 @@
<script>
export default {
data() {
return {
}
return {}
},
onLoad() {
@@ -26,34 +26,8 @@
}
}
</script>
<style lang="scss">
// 搜索框样式
.search_box {
background: linear-gradient(135deg, #12CA64 0%, #1ACA67 100%);
.search_box_border {
width: 94.6%;
height: 124rpx;
background: linear-gradient(320deg, #36E182 0%, #26DD76 100%, #26DD76 100%);
margin: 0 auto;
box-shadow: 0 -1px 3px 0 #31B96D;
border-radius: 38rpx 38rpx 0 0;
.u-border {
border: none;
padding-top: 16px !important;
.u-input__content {
height: 64rpx;
border-radius: 32rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
<style>
page {
background-color: #F8F8F8;
}
</style>

16
pages/my/my.vue
View File

@@ -1,12 +1,14 @@
<template>
<view class="my">
<view>
<view class="my">
<view class="profile">
<image src="../../static/img/wo_bj_ll@2x.png" mode="aspectFit" class="profile-bgi"></image>
<view class="avator">
<u-avatar :src="src"></u-avatar>
</view>
<view class="username">用户名</view>
<view class="account">账号:132123123132</view>
<view class="username">{{username}}</view>
<view class="account">账号:{{account}}</view>
</view>
<view class="publish">
<u-cell-group>
@@ -17,8 +19,8 @@
<u-cell icon="integral-fill" title="成功合伙人" is-link="true"></u-cell>
</u-cell-group>
</view>
</view>
<TabBar :current-page="4"></TabBar>
</view>
</template>
@@ -26,7 +28,9 @@
export default {
data() {
return {
src: 'https://cdn.uviewui.com/uview/album/2.jpg'
src: 'https://cdn.uviewui.com/uview/album/2.jpg',
account:'11111111',
username:'用户名'
}
},
onLoad() {

23
pages/publish/publish.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<view>
发布
<TabBar :current-page="2" />
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

23
pages/shopAddress/shopAddress.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<view>
找店地址
<TabBar :current-page="3"></TabBar>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

23
pages/shopTransfer/shopTransfer.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<view>
店铺转让
<TabBar :current-page="1"></TabBar>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>