修改讨论加图片

app.vue

@@ -31,7 +31,15 @@ onMounted(() => {
     if (!isProduction) {
         isNeedLogin.value = false
         // setTimeout(() => isGetLoginState.value = false, 10000)
-        
+        userInfo.value = {
+            "username": "",
+            "uid": 256624,
+            "uin": 4171117,
+            "avatar": "https://oss.x-php.com/avatar/97K4EWIMLrsbGTWXslC1XFxTFauOikN42jDKLNjtax7HLtRjKcKMSdU9oWFhY2E~/small?random=1739160957",
+            "messagenum": 0,
+            "newprompt": 1,
+            "todaysigned": 0,
+        }
     } else determineIsLogin()
 
     // determineIsLogin()
@@ -51,6 +59,7 @@ onMounted(() => {
 })
 
 let isNeedLogin = ref(true) // 是否需要登录状态
+let userInfo = ref({})
 let isGetLoginState = ref(true) // 在获取登录状态   false 代表没有已经确定了
 
 // 判断是否登录状态
@@ -60,7 +69,10 @@ const determineIsLogin = () => {
         if (Object.keys(window["userInfoWin"]).length !== 0) {
             clearInterval(timer)
             isGetLoginState.value = false
-            if (window["userInfoWin"]["uid"] || window["userInfoWin"]["uin"]) isNeedLogin.value = false
+            if (window["userInfoWin"]["uid"] || window["userInfoWin"]["uin"]) {
+                isNeedLogin.value = false
+                userInfo.value = window["userInfoWin"]
+            }
         }
         count++
         if (count >= 30) {
@@ -80,6 +92,7 @@ const goLogin = () => {
 }
 
 provide("isNeedLogin", isNeedLogin)
+provide("userInfo", userInfo)
 provide("goLogin", goLogin)
 provide("isGetLoginState", isGetLoginState)
 </script>

assets/css/detailsPop.css

@@ -0,0 +1,42 @@
+.respond-list-box {
+  width: 470px;
+}
+.respond-list-box .respond-list-title {
+  font-size: 14px;
+  line-height: 22px;
+  color: #333333;
+  padding-top: 16px;
+  padding-left: 20px;
+  padding-bottom: 25px;
+}
+.respond-list-box .respond-list {
+  display: flex;
+  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(10, 1fr);
+}
+.respond-list-box .respond-list .respond-item {
+  font-size: 20px;
+  font-family: "emojifont";
+  text-align: center;
+  margin-bottom: 20px;
+}
+.respond-list-box .respond-list .respond-item .respond-item-key {
+  cursor: pointer;
+  font-family: "emojifont";
+  position: relative;
+  z-index: 1;
+}
+.respond-list-box .respond-list .respond-item .respond-item-key:hover::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: block;
+  width: 35px;
+  height: 35px;
+  background-color: #eee;
+  border-radius: 4px;
+  z-index: -1;
+}

assets/css/detailsPop.less

@@ -0,0 +1,48 @@
+.respond-list-box {
+    width: 470px;
+
+    .respond-list-title {
+        font-size: 14px;
+        line-height: 22px;
+        color: #333333;
+        padding-top: 16px;
+        padding-left: 20px;
+        padding-bottom: 25px;
+    }
+
+    .respond-list {
+        display: flex;
+        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: repeat(10, 1fr);
+
+        .respond-item {
+            font-size: 20px;
+            font-family: "emojifont";
+            text-align: center;
+            margin-bottom: 20px;
+            .respond-item-key {
+                cursor: pointer;
+                font-family: "emojifont";
+                position: relative;
+                z-index: 1;
+
+                &:hover {
+                    &::after {
+                        content: "";
+                        position: absolute;
+                        top: 50%;
+                        left: 50%;
+                        transform: translate(-50%, -50%);
+                        display: block;
+                        width: 35px;
+                        height: 35px;
+                        background-color: #eee;
+                        border-radius: 4px;
+                        z-index: -1;
+                    }
+                }
+            }
+        }
+    }
+}

composables/api.js

@@ -1,4 +1,4 @@
-import Http from "@/utils/http";
+import Http from "@/utils/http"
 // 获取列表
 export const getListHttp = params => {
     return Http.post("/api/lists", params)
@@ -92,6 +92,11 @@ export const commentReportHttp = query => {
     return Http.post("/api/operate/report", query)
 }
 
+// 评论相关 - 上传图片
+export const commonUploadHttp = query => {
+    return Http.post("https://oss.gter.net/upload/base64", query)
+}
+
 // 数据操作 - 获取投币配置,我的寄托币数量
 export const coinHttp = query => {
     return Http.post("/api/operate/coin", query)

composables/utils.js

@@ -19,9 +19,9 @@ export const handleDate = (dateTimeStamp = new Date()) => {
         let Y = date.getFullYear() + "-"
         let M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-"
         let D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
-        // let h = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
-        // let m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()
-        result = "" + Y + M + D
+        let h = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
+        let m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()
+        result = "" + Y + M + D + " " + h + m
     } else if (dayC >= 1) result = "" + Math.round(dayC) + "天前"
     else if (hourC >= 1) result = "" + Math.round(hourC) + "小时前"
     else if (minC >= 1) result = "" + Math.round(minC) + "分钟前"

utils/http.js

@@ -10,7 +10,7 @@ axios.defaults.withCredentials = true
 axios.interceptors.request.use( //响应拦截
     async config => {
         // 开发时登录用的，可以直接替换小程序的 authorization
-        config['headers']['authorization'] = process.env.NODE_ENV !== "production" && "0aej1kx1phbkzuks3c77xtect8s7qq47"
+        config['headers']['authorization'] = process.env.NODE_ENV !== "production" && "c1fb97e6994539d87922b1b60c09d43c"
         // config['headers']['authorization'] = "2lfrtq7h3ge634pl4ptlu2pbh2"
         return config;
     },