20261008
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<view class="component">
|
||||
<view class="layout-empty">
|
||||
<view class="text">暂无更多内容~</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout-empty {
|
||||
padding: 50rpx 30rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
color: #A7A7A7;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<view class="wrap">
|
||||
<view class="layout layout-fourth flex justify-between align-center">
|
||||
<view class="item" @click="listLink(0)">
|
||||
<view class="icon">
|
||||
<image class="radius" src="/static/img/four-1.png" mode=""></image>
|
||||
</view>
|
||||
<view :class="['text',{red: type === 0}]">拍卖信息</view>
|
||||
</view>
|
||||
<view class="item" @click="listLink(1)">
|
||||
<view class="icon">
|
||||
<image class="radius" src="/static/img/four-2.png" mode=""></image>
|
||||
</view>
|
||||
<view :class="['text',{red: type === 1}]">采购信息</view>
|
||||
</view>
|
||||
<view class="item" @click="listLink(2)">
|
||||
<view class="icon">
|
||||
<image class="radius" src="/static/img/four-3.png" mode=""></image>
|
||||
</view>
|
||||
<view :class="['text',{red: type === 2}]">租赁信息</view>
|
||||
</view>
|
||||
<view class="item" @click="listLink(3)">
|
||||
<view class="icon">
|
||||
<image class="radius" src="/static/img/four-4.png" mode=""></image>
|
||||
</view>
|
||||
<view :class="['text',{red: type === 3}]">物资回收信息</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
props: {
|
||||
type: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
listLink(type) {
|
||||
vk.navigateTo(`/pages/junk/list?type=${type}`);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.type)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout-fourth {
|
||||
padding: 20rpx 30rpx;
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.icon {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.text {
|
||||
margin-top: 8rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<view class="component">
|
||||
<view class="layout-search flex justify-between align-center">
|
||||
<u-icon name="arrow-left" color="#ffffff" size="22" @click="handBack" v-if="showBack"></u-icon>
|
||||
<view class="search-box flex justify-between align-center">
|
||||
<u-icon name="search" size="24"></u-icon>
|
||||
<input class="flex-1 search-input" type="text" :placeholder="placeholder" v-model="keyword" @input="search"/>
|
||||
<view class="search-btn" @click="search">搜索</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
k: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: '请输入关键词',
|
||||
},
|
||||
showBack: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
keyword: ''
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handBack() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
search() {
|
||||
this.$emit('search', this.keyword)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
k: {
|
||||
deep: true,
|
||||
handler(val) {
|
||||
console.log(val)
|
||||
this.keyword = val
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.keyword = this.k
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout-search {
|
||||
// width: 690rpx;
|
||||
height: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
background: #ae4f4d;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
width: 560rpx;
|
||||
height: 56rpx;
|
||||
padding: 0 20rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.search-input {
|
||||
padding: 4rpx 10rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
font-size: 24rpx;
|
||||
line-height: 36rpx;
|
||||
color: #A92924;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<view class="wrap">
|
||||
<view class="layout layout-swiper">
|
||||
<u-swiper
|
||||
:list="list"
|
||||
radius="0"
|
||||
:indicator="false"
|
||||
:height="height"
|
||||
></u-swiper>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
};
|
||||
},
|
||||
props: {
|
||||
page: {
|
||||
type: String,
|
||||
default: "index"
|
||||
},
|
||||
height: {
|
||||
type: String | Number,
|
||||
default: "150rpx"
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: "100%"
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getSwiperList() {
|
||||
vk.callFunction({
|
||||
url: 'client/album/pub/list',
|
||||
data: {
|
||||
page: this.page
|
||||
},
|
||||
success: res => {
|
||||
this.list = res.swiper
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getSwiperList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.wrap{
|
||||
background-color: white;
|
||||
}
|
||||
.layout-fourth {
|
||||
padding: 20rpx 30rpx;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: 8rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<view class="component">
|
||||
<view class="layout-head flex justify-between align-center">
|
||||
<view class="m-left-20">
|
||||
<u-icon name="arrow-left" color="#ffffff" size="22" @click="handBack" v-if="showBack"></u-icon>
|
||||
</view>
|
||||
<view class="text flex-1 text-single p-right-20">
|
||||
{{ title }}
|
||||
</view>
|
||||
<view class="user flex justify-center align-center p-right-30">
|
||||
<view class="icon">
|
||||
<image class="full" src="/static/img/h-user.png" mode=""></image>
|
||||
</view>
|
||||
<view class="text" @click="loginLink">{{
|
||||
(userData && userData.nickname) ? userData.nickname : '未登录'
|
||||
}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isLogin: false,
|
||||
userData: null
|
||||
}
|
||||
},
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: '金久信'
|
||||
},
|
||||
showBack: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
|
||||
},
|
||||
methods: {
|
||||
handBack() {
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
})
|
||||
},
|
||||
loginLink() {
|
||||
if (this.userData && this.userData.nickname) uni.switchTab({url: '/pages/user/user'})
|
||||
else vk.navigateTo('/pages/login/login')
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.userData = vk.getStorageSync('uni_id_user_info')
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout-head {
|
||||
// width: 750rpx;
|
||||
height: 80rpx;
|
||||
background: #ae4f4d;
|
||||
.num {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.img {
|
||||
width: 220rpx;
|
||||
height: 58rpx;
|
||||
}
|
||||
.text {
|
||||
font-size: 28rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.user {
|
||||
.icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
.text {
|
||||
padding-left: 10rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 32rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user