From ade5344f0c20606fccd82eb157e034574395e7d8 Mon Sep 17 00:00:00 2001
From: chenkun <3289431190@qq.com>
Date: Sat, 24 Aug 2024 12:24:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=88=91=E7=9A=84=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/post/publishList.vue |  93 +++++++++++++++++++++++++
 pages/index/center.vue          |  13 ++--
 pages/mine/releaseRecord.vue    | 147 +++++++++++++++++++++++++++++++++++++---
 utils/index.js                  |   4 +-
 4 files changed, 242 insertions(+), 15 deletions(-)
 create mode 100644 components/post/publishList.vue

diff --git a/components/post/publishList.vue b/components/post/publishList.vue
new file mode 100644
index 0000000..83c8d10
--- /dev/null
+++ b/components/post/publishList.vue
@@ -0,0 +1,93 @@
+<template>
+	<view class="publishList">
+		<view class="item" v-for="(item, index) in list"
+		@click="$utils.navigateTo('/publish/postDetail?id=123')"
+		:key="index">
+			<image src="/static/image/center/1.png" style="width: 40%"></image>
+			<view class="text">
+				<view class="title">
+					{{ item.title }}
+				</view>
+				<view class="createBy">
+					<view class="">
+						是否置顶：{{ item.createBy }}
+					</view>
+				</view>
+        <view class="isPay">
+          <view class="">
+            是否付费：{{ item.isPay }}
+          </view>
+        </view>
+				<view class="createTime">
+            发布时间：{{ item.createTime }}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"postList",
+		props : ['list'],
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.publishList{
+	.item{
+		height: 200rpx;
+		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;
+				font-weight: 600;
+				color: #000;
+			}
+			.createBy{
+				display: flex;
+				margin-top: auto;
+				margin-bottom: 10rpx;
+				justify-content: space-between;
+				&>view{
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+			}
+      .isPay{
+        display: flex;
+        margin-top: auto;
+        margin-bottom: 10rpx;
+        color: #7395f4;
+        justify-content: space-between;
+        &>view{
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/center.vue b/pages/index/center.vue
index 31400c2..7470f24 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -12,19 +12,19 @@
       <!--头像-->
       <view
           style="position: absolute;z-index:2;width:33%;height:100%;border-radius: 50%;overflow: hidden;top: -32%;left: 0%;">
-        <image src="/static/image/center/椭圆形.png" style="width: 100%;height: 100%;"></image>
+        <image src="/static/image/center/tyx.png" style="width: 100%;height: 100%;"></image>
       </view>
       <!--福利中心-->
       <view style="position: absolute;z-index:2;width:33%;height:30%;top: 13%;right: 2%;">
-        <image src="/static/image/center/编组 18.png" style="width: 100%;height: 100%;"></image>
+        <image src="/static/image/center/flzx.png" style="width: 100%;height: 100%;"></image>
       </view>
       <!--  未认证-->
       <view style="position: absolute;z-index:2;width:15%;height:20%;top: 33%;left: 28%;">
-        <image src="/static/image/center/编组 28.png" style="width: 100%;height: 100%;"></image>
+        <image src="/static/image/center/wrz.png" style="width: 100%;height: 100%;"></image>
       </view>
       <!--  去认证  -->
       <view style="position: absolute;z-index:2;width:55%;height:20%;top: 32%;left: 44%;">
-        <span style="font-size: 26rpx">去认证</span>
+        <span style="font-size: 26rpx;" class="aaa">去认证</span>
       </view>
       <!--  用户信息  -->
       <view style="position: absolute;z-index:2;width:55%;height:20%;top: 60%;left: 7%;">
@@ -127,6 +127,11 @@ export default {
   margin: 0;
   padding: 0;
 }
+.aaa{
+  background:$uni-linear-gradient-color;
+  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
+  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
+}
 
 
 </style>
diff --git a/pages/mine/releaseRecord.vue b/pages/mine/releaseRecord.vue
index 707b88d..e95a91f 100644
--- a/pages/mine/releaseRecord.vue
+++ b/pages/mine/releaseRecord.vue
@@ -1,22 +1,151 @@
 <template>
-	<view class="releaseRecord">
+  <view class="releaseRecord">
+    <!--顶部导航栏-->
     <navbar
         leftClick
         @leftClick="$utils.navigateBack"
         title="我的发布"/>
-	</view>
+
+    <!--发布记录列表-->
+    <view class="frame">
+      <!--标题-->
+      <view class="title">
+        <span>我的发布</span>
+      </view>
+      <!--标签栏-->
+      <view class="tabbar">
+        <view class="tabbarItemActive" @click="getData('all')">
+          <span class="1==1 ? 'active' : ''">全部</span>
+        </view>
+        <view class="tabbarItemNoActive" @click="getData('all')">
+          <span class="1==1 ? 'active' : ''">贴子</span>
+        </view>
+        <view class="tabbarItemNoActive" @click="getData('all')">
+          <span class="1==1 ? 'active' : ''">名片</span>
+        </view>
+      </view>
+      <!--发布列表-->
+      <view style="" class="publishListClass">
+        <PublishList :list="publishList"/>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			};
-		}
-	}
+import PublishList from "@/components/post/publishList.vue";
+
+export default {
+  components: {
+    PublishList
+  },
+  data() {
+    return {
+      publishList: [
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+        {
+          title: "这是一条动态",
+          createTime: '2024-08-22 09:00:00',
+          createBy: "小飞",
+          isPay: "是"
+        },
+      ],
+    };
+  },
+  methods: {
+    getData(type){
+      console.log(type,"点击了标签栏")
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.frame {
+  width: 100%;
+  height: calc(100vh - 220rpx);
+  border: 1px solid red;
+  padding: 28rpx 0 0 50rpx;
+
+  .title {
+    font-size: 38rpx;
+    color: #333;
+    font-weight: 700
+  }
+
+  .tabbar {
+    display: flex;
+    justify-content: flex-start;
+    gap: 20rpx;
+    margin-top: 40rpx;
+
+    .tabbarItemActive {
+      padding: 10rpx 40rpx;
+      background: $uni-linear-gradient-color;
+      -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
+      -webkit-text-fill-color: transparent; /*给文字设置成透明*/
+    }
+
+    .tabbarItemNoActive {
+      padding: 10rpx 40rpx;
+      background-color: #eaeaeb;
+      color: #777777;
+      border-radius: 20rpx;
+    }
+  }
+
 
+  .publishListClass {
+    margin-top: 10rpx;
+    height: calc(100vh - 200rpx);
+    overflow: auto;
+  }
+}
 </style>
diff --git a/utils/index.js b/utils/index.js
index ead0f6f..28bf91a 100644
--- a/utils/index.js
+++ b/utils/index.js
@@ -4,7 +4,7 @@ import Vue from 'vue'
 import util from './utils.js'
 import time from './timeUtils.js'
 
-import 'dayjs/locale/zh-cn'
+// import 'dayjs/locale/zh-cn'
 import dayjs from 'dayjs'
 import md5 from './lib/md5.js'
 
@@ -16,7 +16,7 @@ Vue.prototype.$jWeixin = jWeixin
 Vue.prototype.$wxPay = wxPay
 // #endif
 
-dayjs.locale('zh-cn')
+// dayjs.locale('zh-cn')
 
 import uploadFileToOSS from './upload.js'
 import { handleTree } from './tree.js'