1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
|
{"version":3,"file":"index.js","sources":["../../../../../src/pages/space/index.vue","../../../../../uniPage:/cGFnZXMvc3BhY2UvaW5kZXgudnVl"],"sourcesContent":["<route lang=\"json5\">\r\n{\r\n style: {\r\n navigationBarTitleText: '互动空间',\r\n navigationStyle: 'custom',\r\n },\r\n}\r\n</route>\r\n\r\n<template>\r\n <view class=\"space-root\">\r\n <view class=\"index-bg\"></view>\r\n <image class=\"rootbg\" :src=\"imgUrl('@/static/space/bg.png')\" mode=\"widthFix\"></image>\r\n <view class=\"ai-space\" @click=\"toPath('/pages/ai/ai-interactive-space')\">\r\n <image :src=\"imgUrl('@/static/space/ai-space-button.png')\" class=\"ai-space-button\"></image>\r\n <view class=\"ai-space-text\">\r\n 您已经互动了\r\n <text class=\"orange\">10次,</text>\r\n 还有\r\n <text class=\"orange\">2次~</text>\r\n <wd-icon class=\"arrow\" name=\"arrow-right\"></wd-icon>\r\n </view>\r\n </view>\r\n <view class=\"actions\">\r\n <image\r\n @tap=\"actions\"\r\n :src=\"imgUrl('@/static/space/doctor.png')\"\r\n class=\"action_doctor\"\r\n mode=\"widthFix\"\r\n ></image>\r\n <image\r\n @tap=\"actions\"\r\n :src=\"imgUrl('@/static/space/talent.png')\"\r\n class=\"action_talent\"\r\n mode=\"widthFix\"\r\n ></image>\r\n </view>\r\n <view class=\"calendar\">\r\n <view class=\"calendar-number\">\r\n <text class=\"calendar-moth\">7月</text>\r\n <text class=\"calendar-day\">17</text>\r\n <text class=\"calendar-description\">今日任务</text>\r\n <image class=\"calendar-bg\" :src=\"imgUrl('@/static/space/calendar-number.png')\"></image>\r\n </view>\r\n <image class=\"c-bg\" :src=\"imgUrl('@/static/space/calendar.png')\"></image>\r\n </view>\r\n <view class=\"tabs-container\">\r\n <view class=\"tabs\">\r\n <view\r\n v-for=\"(tab, index) in tabs\"\r\n :key=\"index\"\r\n :class=\"['tab', { active: activeTab === index }]\"\r\n @tap=\"selectTab(index)\"\r\n >\r\n {{ tab }}\r\n <view v-if=\"activeTab === index\" class=\"underline\"></view>\r\n </view>\r\n </view>\r\n <view class=\"camera-icon\" @click=\"pushTo\">\r\n <wd-icon @click=\"camera\" class=\"camera\" name=\"camera\"></wd-icon>\r\n </view>\r\n </view>\r\n <view class=\"posts-container\">\r\n <scroll-view scroll-x=\"true\">\r\n <view class=\"scroll-container\" v-if=\"focusUser.length > 0\">\r\n <view class=\"user-item\" v-for=\"(user, index) in focusUser\" :key=\"index\">\r\n <wd-img :round=\"true\" :src=\"imgUrl(user.avatar)\" class=\"avatar\"></wd-img>\r\n <text class=\"name\">{{ user.name }}</text>\r\n </view>\r\n </view>\r\n <view v-else>\r\n <view class=\"flex items-center justify-center h-[40px] color-gray\">暂无内容...</view>\r\n </view>\r\n </scroll-view>\r\n <scroll-view scroll-y=\"true\" v-if=\"postsList\">\r\n <view v-for=\"post in postsList[activeTab == 0 ? 'posts' : 'followedPosts']\">\r\n <UserPost :post=\"post\" />\r\n </view>\r\n </scroll-view>\r\n </view>\r\n </view>\r\n\r\n <Tabbar />\r\n</template>\r\n\r\n<script lang=\"js\" setup>\r\nimport { ref } from 'vue'\r\nimport UserPost from './components/UserPost.vue'\r\nimport { httpGet } from '@/utils/http'\r\nimport { imgUrl, toast } from '@/utils/commUtils'\r\nimport Tabbar from '@/components/Tabbar.vue'\r\n\r\nconst tabs = ref(['推荐', '关注'])\r\nconst activeTab = ref(0)\r\nconst focusUser = ref([])\r\nconst postsList = ref(null)\r\n\r\n// 测试数据\r\n// focusUser = ref([\r\n// { name: '曲三岁', avatar: '/static/my/pet-auatar.jpg' },\r\n// { name: '王小样', avatar: '/static/my/pet-auatar-2.jpg' },\r\n// { name: '碎碎念', avatar: '/static/my/pet-auatar.jpg' },\r\n// { name: '小雨离线', avatar: '/static/my/pet-auatar-2.jpg' },\r\n// { name: '王小样', ava
|