theluyuan/demingshangjia
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

tab

Browse Source
This commit is contained in:
luyuan 2020-07-15 11:34:43 +08:00
parent 006a3a5459
commit 16c21e4152
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
2 changed files with 81 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pages.json
View File

@ -57,5 +57,29 @@
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar":{
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"height": "50px",
"fontSize": "10px",
"iconWidth": "24px",
"spacing": "3px",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "",
"selectedIconPath": "",
"text": "首页",
"selectedColor":"#FBFBFB"
}, {
"pagePath": "pages/user/index",
"iconPath": "",
"selectedIconPath": "",
"text": "我的",
"selectedColor":"#FBFBFB"
}]
}
}

60
pages/index/index.vue
View File

@ -46,6 +46,7 @@
<view class="title">投诉简介</view>
<textarea placeholder-style="color:#999999" placeholder="请输入内容" />
</view>
<!-- 事件 -->
<view class="btn" @click="showComplaint=true">确定</view>
</view>
</scroll-view>
@ -65,7 +66,7 @@
</scroll-view>
</swiper-item>
</swiper>
<view class="release-btn">
<view class="release-btn" @click="publish">
<image src="/static/home/1.png"></image>
<view class="text">发布</view>
</view>
@ -76,7 +77,26 @@
<view>投诉成功</view>
<view>请等待审核结果</view>
</view>
<view class="btn">确认</view>
<view class="btn" @click="showComplaint = false">确认</view>
</view>
</u-popup>
<u-popup v-model="publishstate" mode="bottom">
<view class="publish">
<view class="list">
<view>
<image></image>
<text>直播</text>
</view>
<view>
<image></image>
<text></text>
</view>
<view>
<image></image>
<text></text>
</view>
</view>
<image class="off"></image>
</view>
</u-popup>
</view>
@ -136,7 +156,8 @@ export default {
}
]
}
]
],
publishstate:true
}
},
components: {
@ -146,6 +167,9 @@ export default {
},
methods: {
publish(){
},
setWorker(e) {
// console.log(e);
this.worker = {
@ -304,5 +328,35 @@ export default {
margin: 0 auto;
}
}
.publish{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 50rpx 84rpx 31rpx 78rpx;
.list{
display: flex;
align-items: center;
justify-content: space-between;
>view{
display: flex;
flex-direction: column;
align-items: center;
>image{
width: 94rpx;
height: 80rpx;
}
>text{
font-size: 28rpx;
color: #333;
font-weight: 400;
}
}
}
.off{
width: 37rpx;
height: 37rpx;
}
}
}
</style>