3 changed files with 3 additions and 134 deletions
Unified View
Diff Options
-
+0 -0components/list/activityList.vue
-
+0 -131components/post/actorList.vue
-
+3 -3pages/index/activity.vue
components/post/postList.vue → components/list/activityList.vue
View File
+ 0
- 131
components/post/actorList.vue
View File
| @ -1,131 +0,0 @@ | |||||
| <template> | |||||
| <view class="postList"> | |||||
| <view class="item" v-for="(item, index) in list" | |||||
| @click="$utils.navigateTo('/publish/actorDetail?id=' + item.id)" | |||||
| :key="index"> | |||||
| <image | |||||
| :src="item.image && | |||||
| item.image.split(',')[0]" | |||||
| mode="aspectFill"></image> | |||||
| <view class="text"> | |||||
| <view class="title"> | |||||
| <view class="t"> | |||||
| {{ item.name }} | |||||
| </view> | |||||
| <view class="auth" | |||||
| v-if="item.isState == 'Y'"> | |||||
| 已认证 | |||||
| </view> | |||||
| </view> | |||||
| <view class="info"> | |||||
| {{ item.photographerContent }} | |||||
| </view> | |||||
| <view class="createBy"> | |||||
| <!-- <view class=""> | |||||
| 发布人：{{ item.createBy }} | |||||
| </view> --> | |||||
| <view class=""> | |||||
| {{ $dayjs(item.createTime).format('YYYY-MM-DD') }} | |||||
| </view> | |||||
| </view> | |||||
| <view class="phone"> | |||||
| 联系方式 <text>去查看</text> | |||||
| </view> | |||||
| <view class="price" | |||||
| v-if="item.money"> | |||||
| 价格 <text>￥{{ item.money }}</text> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name:"postList", | |||||
| props : ['list'], | |||||
| data() { | |||||
| return { | |||||
| }; | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .postList{ | |||||
| .item{ | |||||
| height: 240rpx; | |||||
| width: 100%; | |||||
| background-color: #fff; | |||||
| overflow: hidden; | |||||
| border-radius: 10rpx; | |||||
| color: #777; | |||||
| display: flex; | |||||
| font-size: 24rpx; | |||||
| margin: 30rpx 0; | |||||
| image{ | |||||
| width: 50%; | |||||
| height: 100%; | |||||
| } | |||||
| .text{ | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| padding: 16rpx; | |||||
| width: 50%; | |||||
| .title{ | |||||
| font-size: 30rpx; | |||||
| color: #000; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| .t{ | |||||
| overflow: hidden; | |||||
| white-space: nowrap; | |||||
| text-overflow: ellipsis; | |||||
| -o-text-overflow: ellipsis; | |||||
| } | |||||
| .auth{ | |||||
| color: $uni-color-red; | |||||
| border: 1px solid $uni-color-red; | |||||
| font-size: 20rpx; | |||||
| margin-left: 10rpx; | |||||
| width: 60rpx; | |||||
| line-height: 30rpx; | |||||
| height: 30rpx; | |||||
| flex-shrink: 0; | |||||
| } | |||||
| } | |||||
| .info{ | |||||
| color: #000; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| display: -webkit-box; | |||||
| -webkit-line-clamp:2; | |||||
| -webkit-box-orient: vertical; | |||||
| } | |||||
| .createBy{ | |||||
| display: flex; | |||||
| margin-top: auto; | |||||
| margin-bottom: 5rpx; | |||||
| justify-content: space-between; | |||||
| &>view{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| } | |||||
| } | |||||
| .phone{ | |||||
| text{ | |||||
| color: #000; | |||||
| } | |||||
| } | |||||
| .price{ | |||||
| color: $uni-color-red; | |||||
| } | |||||
| text{ | |||||
| padding-left: 10rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||