征信小程序
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.
zhengxinApplets/pages/user/feedList.vue

75 lines
1.3 KiB

3 months ago
<template>
<view class="site">
<view class="site-bd">
<view class="item" v-for="i in 20" :key="i" @click="openPage(id)">
<view class="a">体验不好 测试以下<text>2024-03-03 23:22:22</text></view>
<view class="b">
3 months ago
<image src="https://zhengxin.njrenzhou.cn/static/icon-arrow.png"></image>
3 months ago
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
userInfo: {}
};
},
methods: {
openPage(id){
uni.navigateTo({
url: "/pages/user/feedDetails?id="+id
})
},
}
}
</script>
<style lang="scss" scoped>
.site{
padding: 0 25rpx 25rpx;
overflow: hidden;
&-bd{
width: 100%;
margin: 0 auto;
position: relative;
.item{
background: #FFFFFF;
box-shadow: 0px 3rpx 10rpx 0px rgba(9,44,39,0.05);
border-radius: 20rpx;
padding: 30rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
margin-top: 20rpx;
.a{
flex: 1;
font-weight: 500;
font-size: 30rpx;
color: #333333;
max-width: 500rpx;
text{
display: block;
font-size: 24rpx;
color: #999999;
margin-top: 20rpx;
}
}
.b{
margin-left: 20rpx;
image{
width: 50rpx;
height: 50rpx;
}
}
}
}
}
</style>