liao
/
JianjianStreet-aplet
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

初始化提交

master
主管理员 1 year ago
parent
ebee5191bf
commit
d5d85457a7
11 changed files with 214 additions and 112 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      common/config.js
  2. +6
    -6
      pages.json
  3. +10
    -2
      pages/index/icone.vue
  4. +85
    -22
      pages/index/ihome.vue
  5. +111
    -80
      pages/index/index.vue
  6. BIN
      static/tarbar/info.png
  7. BIN
      static/tarbar/infou.png
  8. BIN
      static/tarbar/mine.png
  9. BIN
      static/tarbar/mineu.png
  10. BIN
      static/tarbar/saxs.png
  11. BIN
      static/tarbar/saxsu.png

+ 2
- 2
common/config.js View File

@ -1,4 +1,4 @@
const dev_baseUrl = "http://127.0.0.1:8081/jeecg-boot";
const pro_baseUrl = "https://boot.xzaiyp.top/boot";
const dev_baseUrl = "http://127.0.0.1:8091";
const pro_baseUrl = "https://jobadmin.java996.icu";
const config = pro_baseUrl;
export default config;

+ 6
- 6
pages.json View File

@ -32,18 +32,18 @@
"selectedColor": "#1B55E2",
"list": [
{
"iconPath": "static/tarbar/infou.png",
"selectedIconPath": "static/tarbar/info.png",
"iconPath": "static/tarbar/indexu.png",
"selectedIconPath": "static/tarbar/index.png",
"text": "",
"pagePath": "pages/index/index"
},{
"iconPath": "static/tarbar/infou.png",
"selectedIconPath": "static/tarbar/info.png",
"iconPath": "static/tarbar/fabuu.png",
"selectedIconPath": "static/tarbar/fabu.png",
"text": "",
"pagePath": "pages/index/icone"
},{
"iconPath": "static/tarbar/infou.png",
"selectedIconPath": "static/tarbar/info.png",
"iconPath": "static/tarbar/myu.png",
"selectedIconPath": "static/tarbar/my.png",
"text": "",
"pagePath": "pages/index/ihome"
}]


+ 10
- 2
pages/index/icone.vue View File

@ -12,18 +12,26 @@
<view class="">转租 整租</view>
</view>
</view>
<view class="me-div" @click="pushArticle">
<!-- <view class="me-div" @click="pushArticle">
<view class="me-icon"></view>
<view class="me-texts">
<view class="me-title">发布帖子</view>
<view class="">找合租 找室友 转租 非转租</view>
</view>
</view>
</view> -->
<view :class="{'me-icon-active': show}" class="me-x" @click="show=false"/>
</view>
</view>
</template>
<script>
export default {
onLoad() {
console.log('icon')
}
}
</script>
<style lang="scss">
.container{


+ 85
- 22
pages/index/ihome.vue View File

@ -4,9 +4,9 @@
<view class="ant-banner-box ">
<image class="ant-banner" mode="aspectFill" src=""/>
<view class="ant-banner-card ">
<image class="ant-banner-header" mode="aspectFill" src="https://img0.baidu.com/it/u=1429435380,946942033&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"/>
<image class="ant-banner-header" mode="aspectFill" src="@/static/image/logo.jpg"/>
<view class="ant-banner-panl">
<view class="ant-banner-name">和平发展</view>
<view class="ant-banner-name">江华便民百晓生</view>
<view class="ant-banner-tag">成长值857</view>
</view>
</view>
@ -22,50 +22,100 @@
<view class="ant-flex-line">
<view class="ant-icon-menu">
<view class="ant-icon-menu-box">
<view class="ant-icon"></view>
<view class="ant-text">足迹</view>
<view class="ant-icon">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-text">粉丝</view>
</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon-menu-box">
<view class="ant-icon"></view>
<view class="ant-text">收藏</view>
<view class="ant-icon">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-text">邀请</view>
</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon-menu-box">
<view class="ant-icon"></view>
<view class="ant-text">关注</view>
<view class="ant-icon">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-text">订阅</view>
</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon-menu-box">
<view class="ant-icon"></view>
<view class="ant-text">在聊</view>
<view class="ant-icon">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-text">客服</view>
</view>
</view>
</view>
</view>
<view class="ant-pand-item-box">
<view class="ant-flex-line" v-for="i in 5">
<view class="ant-icon-image"></view>
<view class="ant-flex-line">
<view class="ant-icon-image">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-pand-item">
我的足迹
我的发布
</view>
</view>
<!-- <view class="ant-flex-line">
<view class="ant-icon-image">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-pand-item">
实名认证
</view>
</view> -->
<view class="ant-flex-line">
<view class="ant-icon-image">
<image src="@/static/image/logo.jpg"></image>
</view>
<view class="ant-pand-item">
联系我们
</view>
</view>
</view>
<view class="content-end">
<view class="line"/>
<view class="center">瀚海黎明信技术支持</view>
</view>
</view>
<!-- <view class="content-end">
<view class="line"/>
<view class="center">瀚海黎明技术支持</view>
</view> -->
</view>
</template>
<script>
export default{
data(){
return{
image:"@/static/image/logo.jpg"
}
},
onLoad() {
},
// 隐藏微信h5的标题栏
onReady() {
},
methods:{
}
}
</script>
<style lang="scss">
@ -96,7 +146,14 @@
height: 60rpx;
margin: 8rpx auto;
border-radius: 12rpx;
border: 1rpx dashed #ccc;
// border: 1rpx dashed #ccc;
image{
width: 60rpx;
height: 60rpx;
border-radius: 12rpx;
}
}
.ant-text{
@ -230,11 +287,17 @@
position: relative;
.ant-icon-image{
width: 60rpx;
height: 60rpx;
width: 80rpx;
height: 80rpx;
border-radius: 12rpx;
border: 1rpx dashed #ccc;
// border: 1rpx dashed #ccc;
margin-right: 24rpx;
image{
width: 80rpx;
height: 80rpx;
border-radius: 12rpx;
}
}
}


+ 111
- 80
pages/index/index.vue View File

@ -2,7 +2,7 @@
<view class="container">
<view class="ant-banner-box">
<image class="ant-banner" mode="scaleToFill" src="https://image3.cnpp.cn/upload/images/20220519/16541664536_1780x1244.jpg"/>
<image class="ant-banner" mode="scaleToFill" :src="bannerList[3].image"/>
<view class="ant-title">
<p>一个有温度的家</p>
<p class="ant-font-24">超多房源｜等你来挑</p>
@ -10,26 +10,34 @@
</view>
<view class="ant-float">
<view class="ant-flex-line">
<view class="ant-select">佛山</view>
<input class="ant-input" value="" placeholder="试试输入你想住的地点"/>
<view class="ant-select">江华</view>
<!-- <input class="ant-input" value="" placeholder="试试输入你想住的地点"/> -->
</view>
</view>
<view class="ant-menu-card">
<view class="ant-flex-line">
<view class="ant-icon-menu">
<view class="ant-icon"></view>
<view class="ant-icon">
<image :src="image"></image>
</view>
<view class="ant-text">整租</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon"></view>
<view class="ant-icon">
<image :src="image"></image>
</view>
<view class="ant-text">新房源</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon"></view>
<view class="ant-icon">
<image :src="image"></image>
</view>
<view class="ant-text">合租</view>
</view>
<view class="ant-icon-menu">
<view class="ant-icon"></view>
<view class="ant-icon">
<image :src="image"></image>
</view>
<view class="ant-text">转租</view>
</view>
@ -48,32 +56,11 @@
</view>
<view class="ant-flex-line">
<view class="ant-page-image-item">
<image class="ant-page-image-item" mode="aspectFill" src="https://vrlab-image4.ljcdn.com/release/auto3dhd/4ade80d124f21eb4d80daf73c19f416f/screenshot/1680148147_3/pc0_LK5Fv9KXb.jpg?imageMogr2/quality/70/thumbnail/1024x"/>
<view class="ant-img-tags">
<view class="ant-tags-title">3套在租</view>
<view class="ant-tags-text">公寓 | 918元起</view>
</view>
</view>
<view class="ant-page-image-item">
<image class="ant-page-image-item" mode="scaleToFill" src="https://vrlab-image4.ljcdn.com/release/auto3dhd/ee9bde251931a95bdb1db73055f2acac/screenshot/1690704525_1/pc0_WpEDI4Aha.jpg?imageMogr2/quality/70/thumbnail/1024x"/>
<view class="ant-page-image-item" v-for="(item,index) in hotList">
<image class="ant-page-image-item" mode="aspectFill" :src="item.image === null? image:item.image"/>
<view class="ant-img-tags">
<view class="ant-tags-title">4套在租</view>
<view class="ant-tags-text">公寓 | 888元起</view>
</view>
</view>
<view class="ant-page-image-item">
<image class="ant-page-image-item" mode="scaleToFill" src="https://vrlab-image4.ljcdn.com/release/auto3dhd/dc082e8b6906f99ca6fe2ad83bd86f99/screenshot/1691977430_1/pc0_7CnajIl43.jpg?imageMogr2/quality/70/thumbnail/1024x"/>
<view class="ant-img-tags">
<view class="ant-tags-title">1套在租</view>
<view class="ant-tags-text">公寓 | 1218元起</view>
</view>
</view>
<view class="ant-page-image-item">
<image class="ant-page-image-item" mode="scaleToFill" src="https://vrlab-image4.ljcdn.com/release/auto3dhd/eba09229a901cb5cba66fda38f281405/screenshot/1657677701_15/pc0_m7ks1AA5Y.jpg?imageMogr2/quality/70/thumbnail/1024x"/>
<view class="ant-img-tags">
<view class="ant-tags-title">7套在租</view>
<view class="ant-tags-text">公寓 | 1200元起</view>
<!-- <view class="ant-tags-title">{{item.title}}</view> -->
<view class="ant-tags-text">{{item.price}}元起</view>
</view>
</view>
</view>
@ -81,21 +68,21 @@
<view class="ant-content-page">
<view class="ant-flex-line ant-head-line">
<view class="ant-flex-line ant-head-line" @click="test">
<view class="ant-page-title">推荐房源</view>
</view>
<view class="ant-item-box" v-for="i in 10">
<view class="ant-item-box" v-for="(item,index) in list" >
<view>
<image class="ant-item-image" mode="aspectFill"
src="https://vrlab-image4.ljcdn.com/release/auto3dhd/4ade80d124f21eb4d80daf73c19f416f/screenshot/1680148147_3/pc0_LK5Fv9KXb.jpg?imageMogr2/quality/70/thumbnail/1024x"/>
:src="item.image === null? image:item.image"/>
</view>
<view class="ant-item-content">
<view class="ant-item-title">公寓·佳境天成合苑</view>
<view class="ant-item-span">公寓·21.73㎡·朝南</view>
<view class="ant-item-span">佳境天成合苑</view>
<view class="ant-item-span"><span>服务式公寓</span><span>压一付一</span></view>
<view class="ant-item-price">1295 <span>元/月</span></view>
<view class="ant-item-title">{{item.title}}</view>
<view class="ant-item-span">{{item.titleText}}</view>
<view class="ant-item-span">{{item.address}}</view>
<view class="ant-item-span"><span>{{item.payType}}</span></view>
<view class="ant-item-price">{{item.price}} <span>元/月</span></view>
</view>
</view>
@ -111,6 +98,79 @@
</view>
</template>
<script>
export default{
data(){
return{
image:"https://vrlab-image4.ljcdn.com/release/auto3dhd/eba09229a901cb5cba66fda38f281405/screenshot/1657677701_15/pc0_m7ks1AA5Y.jpg?imageMogr2/quality/70/thumbnail/1024x",
bannerList:[],
addressList:[],
classList:[],
hotList:[],
list:[]
}
},
onLoad() {
this.getBannerList();
this.getAddressList();
this.getClassList();
this.getHotList();
this.getHouseListPage();
},
// 隐藏微信h5的标题栏
onReady() {
},
methods:{
//获取轮播图
getBannerList(){
this.$request('/job-dev/house/applet/banner',{},'GET', (res) => {
this.bannerList = res;
console.log("111111")
console.log(res[0].image)
})
},
//获取地区
getAddressList(){
this.$request('/job-dev/house/applet/indexListPage',{},'GET', (res) => {
this.addressList = res.records;
console.log(res.records)
})
},
//获取分类
getClassList(){
this.$request('/job-dev/house/applet/indexClass',{},'GET', (res) => {
this.classList = res.records;
console.log(res.records)
})
},
//获取好房源
getHotList(){
this.$request('/job-dev/house/applet/indexHotList',{},'GET', (res) => {
this.hotList = res.records;
console.log(res.records)
})
},
//请求接口获得后台列表数据信息 = 推荐房源
getHouseListPage() {
this.$request('/job-dev/house/applet/indexListPage',{},'GET', (res) => {
this.list = res.records;
console.log(res.records)
})
}
}
}
</script>
<style lang="scss">
.container{
@ -171,9 +231,9 @@
.ant-banner{
width: 100vw;
height: 520rpx;
border-bottom-left-radius: 160rpx;
border-bottom-right-radius: 160rpx;
height: 500rpx;
border-bottom-left-radius: 100rpx;
border-bottom-right-radius: 100rpx;
}
.ant-title{
@ -207,11 +267,16 @@
flex: 1;
.ant-icon{
width: 60rpx;
height: 60rpx;
width: 80rpx;
height: 80rpx;
margin: 8rpx auto;
border-radius: 50%;
border: 1rpx dashed red;
// border: 1rpx dashed red;
image{
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
}
.ant-text{
@ -359,37 +424,3 @@
<script>
export default {
data() {
return {
banner: {url:''},
information: [],
id: ''
}
},
onShow() {
},
onPullDownRefresh() {
console.log('onPullDownRefresh');
},
onReachBottom() {
console.log("reach bottom")
},
methods: {
toUri(uri) {
uni.navigateTo({url: uri})
},
getImageUrl(uri){
return baseUrl + "/" + uri;
},
getDayString(str){
return str.substr(0, 16)
},
}
}
</script>

BIN
static/tarbar/info.png View File

Before After
Width: 36  |  Height: 36  |  Size: 822 B

BIN
static/tarbar/infou.png View File

Before After
Width: 36  |  Height: 36  |  Size: 803 B

BIN
static/tarbar/mine.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1003 B

BIN
static/tarbar/mineu.png View File

Before After
Width: 36  |  Height: 36  |  Size: 990 B

BIN
static/tarbar/saxs.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1.1 KiB

BIN
static/tarbar/saxsu.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1.1 KiB

Write Preview
Loading…
Cancel
Save