帧视界壹通告,付费看视频的微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

103 lines
1.7 KiB

<template>
<view class="postList">
<navbar
leftClick
@leftClick="$utils.navigateBack"
title="动态列表"/>
<view class="title">
动态列表
</view>
<view class="box">
<view class="search">
<view class="icon">
<uv-icon
size="40rpx"
name="search"></uv-icon>
</view>
<input type="text" placeholder="搜索相关..."/>
<view class="text">
搜索
</view>
</view>
<postList :list="postList"/>
</view>
</view>
</template>
<script>
import postList from '@/components/post/postList.vue'
export default {
components : {
postList
},
data() {
return {
postList : [
{
title : "这是一条动态",
createTime : '2024-08-22 09:00:00',
createBy : "小飞",
},
{
title : "这是一条动态",
createTime : '2024-08-22 09:00:00',
createBy : "小飞",
},
{
title : "这是一条动态",
createTime : '2024-08-22 09:00:00',
createBy : "小飞",
},
{
title : "这是一条动态",
createTime : '2024-08-22 09:00:00',
createBy : "小飞",
},
],
}
},
methods: {
leftClick(){
}
}
}
</script>
<style lang="scss" scoped>
.postList{
.title{
padding-top: 20rpx;
padding-left: 30rpx;
font-size: 32rpx;
}
.box{
padding: 30rpx;
.search{
background-color: #fff;
height: 70rpx;
width: 100%;
margin: 20rpx 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
border-radius: 10rpx;
.icon{
margin: 0 20rpx;
}
input{
}
.text{
margin-left: auto;
margin-right: 20rpx;
}
}
}
}
</style>