|
@@ -1,64 +1,69 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <u-search :showAction="true" actionText="取消"/>
|
|
|
+ <!-- tab表格 -->
|
|
|
+ <!-- <u-tabs v-if="isAllReply" :list="list" :is-scroll="false" :current="current" @change="change" /> -->
|
|
|
+ <u-tabs :list="list" lineWidth="40" lineColor="#5992bb" :is-scroll="false" :current="current" @change="change"
|
|
|
+ :activeStyle="{
|
|
|
+ color: '#303133',
|
|
|
+ fontWeight: 'bold',
|
|
|
+ transform: 'scale(1.05)',
|
|
|
+ }"
|
|
|
+ :inactiveStyle="{
|
|
|
+ color: '#606266',
|
|
|
+ transform: 'scale(1)',
|
|
|
+ }"
|
|
|
+ itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
|
|
|
+ />
|
|
|
<view>
|
|
|
- <view class="top-nav">
|
|
|
- <view class="nav-left" @click="backTop">
|
|
|
- <u-icon name="arrow-left"></u-icon>
|
|
|
- <view class="left-text">返回</view>
|
|
|
+ <view class="album">
|
|
|
+ <view class="album__avatar">
|
|
|
+ <image src="/static/uview/common/logo.png" style="width: 32px; height: 32px"></image>
|
|
|
+ </view>
|
|
|
+ <view class="album__content">
|
|
|
+ <u--text :text="niackName" bold size="17"></u--text>
|
|
|
+ <u--text
|
|
|
+ margin="0 0 8px 0"
|
|
|
+ style="padding-top: 7px"
|
|
|
+ text="全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水"
|
|
|
+ >
|
|
|
+ </u--text>
|
|
|
+ <u-album :urls="urls2"></u-album>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="reply-info">
|
|
|
+ <view class="reply-left">
|
|
|
+ <u-icon name="red-packet" size="30px"></u-icon>
|
|
|
+ <u--text :text="followNum" size="22px"></u--text>
|
|
|
+ </view>
|
|
|
+ <view class="reply-right">
|
|
|
+ <u-icon name="thumb-up-fill" size="30px"></u-icon>
|
|
|
+ <u-icon name="chat-fill" size="30px" @click="allReply"></u-icon>
|
|
|
+ <u-icon name="share-fill" size="30px"></u-icon>
|
|
|
</view>
|
|
|
- <u-tabs v-if="isAllReply" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
|
|
|
- <u-icon name="search" size="25" @click="searchTop"></u-icon>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <view class="album">
|
|
|
- <view class="album__avatar">
|
|
|
- <image src="/static/uview/common/logo.png" style="width: 32px; height: 32px"></image>
|
|
|
- </view>
|
|
|
- <view class="album__content">
|
|
|
- <u--text :text="niackName" bold size="17"></u--text>
|
|
|
- <u--text
|
|
|
- margin="0 0 8px 0"
|
|
|
- style="padding-top: 7px"
|
|
|
- text="全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水"
|
|
|
- >
|
|
|
- </u--text>
|
|
|
- <u-album :urls="urls2"></u-album>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="showAllCom">
|
|
|
+ <view class="all-comments">
|
|
|
+ <view>
|
|
|
+ <u--text size="15px" text="全部评论"> </u--text>
|
|
|
</view>
|
|
|
- <view class="reply-info">
|
|
|
- <view class="reply-left">
|
|
|
- <u-icon name="red-packet" size="30px"></u-icon>
|
|
|
- <u--text :text="followNum" size="22px"></u--text>
|
|
|
- </view>
|
|
|
- <view class="reply-right">
|
|
|
- <u-icon name="thumb-up-fill" size="30px"></u-icon>
|
|
|
- <u-icon name="chat-fill" size="30px" @click="allReply"></u-icon>
|
|
|
- <u-icon name="share-fill" size="30px"></u-icon>
|
|
|
- </view>
|
|
|
+ <view class="comment-order">
|
|
|
+ <u-subsection fontSize="15px" :list="subsectionList" :current="subsectionListCurrent" @change="changeCom"></u-subsection>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="showAllCom">
|
|
|
- <view class="all-comments">
|
|
|
- <view>
|
|
|
- <u--text sizi="15px" text="全部评论"> </u--text>
|
|
|
- </view>
|
|
|
- <view class="comment-order">
|
|
|
- <u-subsection fontSize="15px" :list="subsectionList" :current="subsectionListCurrent" @change="changeCom"></u-subsection>
|
|
|
- </view>
|
|
|
+ <view class="album">
|
|
|
+ <view class="album__avatar">
|
|
|
+ <image src="/static/logo.png" style="width: 32px; height: 32px"></image>
|
|
|
</view>
|
|
|
- <view class="album">
|
|
|
- <view class="album__avatar">
|
|
|
- <image src="/static/uview/common/logo.png" style="width: 32px; height: 32px"></image>
|
|
|
- </view>
|
|
|
- <view class="album__content">
|
|
|
- <u--text :text="niackName" bold size="17"></u--text>
|
|
|
- <u--text
|
|
|
- margin="0 0 8px 0"
|
|
|
- style="padding-top: 9px"
|
|
|
- text="全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水"
|
|
|
- >
|
|
|
- </u--text>
|
|
|
- </view>
|
|
|
+ <view class="album__content">
|
|
|
+ <u--text :text="niackName" bold size="17"></u--text>
|
|
|
+ <u--text
|
|
|
+ margin="0 0 8px 0"
|
|
|
+ style="padding-top: 9px"
|
|
|
+ text="全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水全面的组件和便捷的工具会让您信手拈来,如鱼得水"
|
|
|
+ >
|
|
|
+ </u--text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -68,14 +73,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- list: [
|
|
|
- {
|
|
|
- name: '关注',
|
|
|
- },
|
|
|
- {
|
|
|
- name: '推荐',
|
|
|
- },
|
|
|
- ],
|
|
|
+ list: [{ name: '关注' }, { name: '推荐' }],
|
|
|
current: 0,
|
|
|
subsectionListCurrent: 0,
|
|
|
subsectionList: ['最新', '推荐'],
|
|
@@ -115,13 +113,13 @@ export default {
|
|
|
// this.isSearch = false;
|
|
|
// this.searching = true;
|
|
|
uni.navigateTo({
|
|
|
- url: "/client/CommunitySearch/index",
|
|
|
- })
|
|
|
+ url: '/client/CommunitySearch/index',
|
|
|
+ });
|
|
|
},
|
|
|
allReply() {
|
|
|
uni.navigateTo({
|
|
|
- url: "/client/allComments/index",
|
|
|
- })
|
|
|
+ url: '/client/allComments/index',
|
|
|
+ });
|
|
|
},
|
|
|
changeCom(index) {
|
|
|
this.subsectionListCurrent = index;
|