root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
wangfukang 3 weeks ago
parent
656369ef17
commit
66b8524585
4 changed files with 207 additions and 92 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 117
      package1/ieBrowser/chat.vue
  2. 4
      package1/ieBrowser/chatList.vue
  3. 37
      package1/ieBrowser/fate.vue
  4. 141
      package1/ieBrowser/index.vue

117
package1/ieBrowser/chat.vue
View File

@ -32,11 +32,11 @@
<view class="timer-pill">已连接</view> <view class="timer-pill">已连接</view>
</view> </view>
<view class="silent-modes"> <!-- <view class="silent-modes">
<view class="silent-chip" v-for="item in silentModes" :key="item" @tap="sendPresence(item)"> <view class="silent-chip" v-for="item in silentModes" :key="item" @tap="sendPresence(item)">
{{ item }} {{ item }}
</view> </view>
</view> </view> -->
<scroll-view class="messages" scroll-y :style="messagesStyle" :scroll-into-view="scrollIntoView" :scroll-with-animation="scrollAnimation" <scroll-view class="messages" scroll-y :style="messagesStyle" :scroll-into-view="scrollIntoView" :scroll-with-animation="scrollAnimation"
upper-threshold="80" @scrolltoupper="loadOlderMessages"> upper-threshold="80" @scrolltoupper="loadOlderMessages">
@ -124,7 +124,7 @@
<script> <script>
import ieSocket from '@/common/ieSocket.js' import ieSocket from '@/common/ieSocket.js'
import { finishIeRoom, reportIeRoom, blockIeUser, sendIePresence, pageIeMessages, sendIeMessage, getIeUserProfile } from '@/common/ieApi.js' import { finishIeRoom, reportIeRoom, blockIeUser, pageIeMessages, sendIeMessage, getIeUserProfile } from '@/common/ieApi.js'
import tui from '@/common/httpRequest.js' import tui from '@/common/httpRequest.js'
export default { export default {
@ -396,11 +396,8 @@
}, },
sendPresence(text) { sendPresence(text) {
if (!this.roomId) return if (!this.roomId) return
const data = { roomId: Number(this.roomId), eventType: 'presence', eventText: text } this.showEmoji = false
ieSocket.sendPresence(data) this.sendChatContent(text, 1)
sendIePresence(this.roomId, data)
this.messages.push({ domId: 'presence-' + Date.now(), content: text, mine: true, clientMsgId: 'p-' + Date.now() })
this.scrollToBottom()
}, },
toggleEmoji() { toggleEmoji() {
this.voiceMode = false this.voiceMode = false
@ -663,12 +660,24 @@
if (!this.targetUserId) return if (!this.targetUserId) return
const profile = await getIeUserProfile(this.targetUserId) const profile = await getIeUserProfile(this.targetUserId)
if (!profile) return if (!profile) return
this.targetProfile = profile const profileCompleted = profile.profileCompleted === 1 || !!profile.intro || !!profile.avatarUrl || (profile.interestTags && profile.interestTags.length)
const usableProfile = profile.exists !== false && profileCompleted
this.targetProfile = usableProfile ? profile : {
...profile,
anonymousName: this.companion.name,
avatarText: this.companion.avatar,
avatarUrl: this.companion.avatarUrl,
intro: this.companion.prompt,
currentMode: this.roomMode,
interestTags: profile.interestTags || [],
personaImages: profile.personaImages || []
}
if (!usableProfile) return
this.companions[this.roomMode] = { this.companions[this.roomMode] = {
...this.companion, ...this.companion,
name: profile.anonymousName || this.companion.name, name: profile.anonymousName || this.companion.name,
avatar: profile.avatarText || this.companion.avatar, avatar: profile.avatarText || this.companion.avatar,
avatarUrl: profile.avatarUrl || '', avatarUrl: profile.avatarUrl || this.companion.avatarUrl || '',
prompt: profile.intro || this.companion.prompt prompt: profile.intro || this.companion.prompt
} }
}, },
@ -747,7 +756,7 @@
.room-page { .room-page {
min-height: 100vh; min-height: 100vh;
padding: 0 28rpx 176rpx; padding: 0 24rpx 176rpx;
box-sizing: border-box; box-sizing: border-box;
color: #161b2e; color: #161b2e;
background: background:
@ -793,10 +802,12 @@
.nav { .nav {
position: relative; position: relative;
z-index: 1; z-index: 12;
height: 96rpx; min-height: 86rpx;
padding-bottom: 12rpx;
display: flex; display: flex;
align-items: center; align-items: center;
box-sizing: content-box;
} }
.back, .back,
@ -813,25 +824,25 @@
} }
.nav-avatar-wrap { .nav-avatar-wrap {
width: 66rpx; width: 54rpx;
height: 66rpx; height: 54rpx;
margin-right: 14rpx; margin-right: 12rpx;
border-radius: 50%; border-radius: 50%;
} }
.nav-avatar, .nav-avatar,
.nav-avatar-img { .nav-avatar-img {
width: 66rpx; width: 54rpx;
height: 66rpx; height: 54rpx;
border-radius: 50%; border-radius: 50%;
} }
.nav-avatar { .nav-avatar {
text-align: center; text-align: center;
line-height: 66rpx; line-height: 54rpx;
color: #11162a; color: #11162a;
background: linear-gradient(145deg, #ffffff, #a9ffe7); background: linear-gradient(145deg, #ffffff, #a9ffe7);
font-size: 26rpx; font-size: 23rpx;
font-weight: 800; font-weight: 800;
} }
@ -841,20 +852,20 @@
} }
.room-name { .room-name {
font-size: 31rpx; font-size: 28rpx;
font-weight: 800; font-weight: 800;
} }
.room-meta { .room-meta {
margin-top: 8rpx; margin-top: 4rpx;
color: rgba(22, 27, 46, 0.46); color: rgba(22, 27, 46, 0.46);
font-size: 21rpx; font-size: 20rpx;
} }
.timer-card, .timer-card,
.topic-card { .topic-card {
position: relative; position: relative;
z-index: 1; z-index: 2;
border: 1rpx solid rgba(255, 255, 255, 0.78); border: 1rpx solid rgba(255, 255, 255, 0.78);
background: rgba(255, 255, 255, 0.62); background: rgba(255, 255, 255, 0.62);
backdrop-filter: blur(24rpx); backdrop-filter: blur(24rpx);
@ -865,19 +876,19 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 22rpx; margin-top: 14rpx;
padding: 30rpx; padding: 22rpx 24rpx;
border-radius: 34rpx; border-radius: 30rpx;
} }
.radio-room { .radio-room {
position: relative; position: relative;
z-index: 1; z-index: 2;
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 18rpx; margin-top: 24rpx;
padding: 34rpx; padding: 22rpx 24rpx;
border-radius: 44rpx; border-radius: 34rpx;
background: rgba(255,255,255,.58); background: rgba(255,255,255,.58);
border: 1rpx solid rgba(255,255,255,.78); border: 1rpx solid rgba(255,255,255,.78);
backdrop-filter: blur(24rpx); backdrop-filter: blur(24rpx);
@ -889,23 +900,23 @@
position: absolute; position: absolute;
right: -40rpx; right: -40rpx;
top: -60rpx; top: -60rpx;
width: 260rpx; width: 190rpx;
height: 260rpx; height: 190rpx;
border-radius: 50%; border-radius: 50%;
border: 1rpx solid rgba(139,124,255,.16); border: 1rpx solid rgba(139,124,255,.16);
animation: radioSpin 16s linear infinite; animation: radioSpin 16s linear infinite;
} }
.radio-core { .radio-core {
width: 108rpx; width: 78rpx;
height: 108rpx; height: 78rpx;
margin-right: 24rpx; margin-right: 20rpx;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
line-height: 108rpx; line-height: 78rpx;
color: #11162a; color: #11162a;
background: linear-gradient(145deg, #ffffff, #a9ffe7); background: linear-gradient(145deg, #ffffff, #a9ffe7);
font-size: 30rpx; font-size: 26rpx;
font-weight: 800; font-weight: 800;
box-shadow: 0 18rpx 48rpx rgba(169,255,231,.3); box-shadow: 0 18rpx 48rpx rgba(169,255,231,.3);
animation: breathe 3s ease-in-out infinite; animation: breathe 3s ease-in-out infinite;
@ -917,14 +928,14 @@
} }
.radio-title { .radio-title {
font-size: 32rpx; font-size: 28rpx;
font-weight: 800; font-weight: 800;
} }
.radio-sub { .radio-sub {
margin-top: 10rpx; margin-top: 6rpx;
color: rgba(22,27,46,.52); color: rgba(22,27,46,.52);
font-size: 24rpx; font-size: 22rpx;
} }
.silent-modes { .silent-modes {
@ -955,20 +966,20 @@
} }
.timer-title { .timer-title {
margin-top: 12rpx; margin-top: 8rpx;
font-size: 30rpx; font-size: 27rpx;
font-weight: 800; font-weight: 800;
} }
.timer-pill { .timer-pill {
width: 126rpx; width: 112rpx;
height: 70rpx; height: 60rpx;
border-radius: 999rpx; border-radius: 999rpx;
text-align: center; text-align: center;
line-height: 70rpx; line-height: 60rpx;
color: #09101f; color: #09101f;
background: #dffef4; background: #dffef4;
font-size: 28rpx; font-size: 25rpx;
font-weight: 800; font-weight: 800;
} }
@ -988,8 +999,8 @@
.messages { .messages {
position: relative; position: relative;
z-index: 1; z-index: 1;
height: 58vh; height: 64vh;
padding-top: 34rpx; padding-top: 22rpx;
padding-bottom: 24rpx; padding-bottom: 24rpx;
box-sizing: border-box; box-sizing: border-box;
} }
@ -1005,11 +1016,11 @@
.system-line { .system-line {
width: 560rpx; width: 560rpx;
margin: 0 auto 30rpx; margin: 0 auto 22rpx;
text-align: center; text-align: center;
color: rgba(22, 27, 46, 0.36); color: rgba(22, 27, 46, 0.36);
font-size: 22rpx; font-size: 20rpx;
line-height: 34rpx; line-height: 32rpx;
} }
.hesitate-line { .hesitate-line {
@ -1030,7 +1041,7 @@
.msg-row { .msg-row {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: 30rpx; margin-bottom: 24rpx;
} }
.msg-row.mine { .msg-row.mine {

4
package1/ieBrowser/chatList.vue
View File

@ -150,9 +150,11 @@
.map(async (item) => { .map(async (item) => {
const profile = await getIeUserProfile(item.targetUserId) const profile = await getIeUserProfile(item.targetUserId)
if (!profile) return if (!profile) return
const usableProfile = profile.exists !== false && (profile.profileCompleted === 1 || profile.intro || profile.avatarUrl || (profile.interestTags && profile.interestTags.length))
if (!usableProfile) return
item.name = profile.anonymousName || item.name item.name = profile.anonymousName || item.name
item.avatar = profile.avatarText || item.avatar item.avatar = profile.avatarText || item.avatar
item.avatarUrl = profile.avatarUrl || '' item.avatarUrl = profile.avatarUrl || item.avatarUrl || ''
item.type = profile.currentMode || item.type item.type = profile.currentMode || item.type
item.feeling = profile.intro || item.feeling item.feeling = profile.intro || item.feeling
}) })

37
package1/ieBrowser/fate.vue
View File

@ -12,7 +12,7 @@
</view> </view>
<view class="timeline"> <view class="timeline">
<view class="line"></view> <view class="line"></view>
<view class="fate-card" v-for="item in fates" :key="item.id"> <view class="fate-card" v-for="item in fates" :key="item.id" @tap="openChat(item)">
<view class="node" :class="item.type">{{ item.type }}</view> <view class="node" :class="item.type">{{ item.type }}</view>
<view class="card-main"> <view class="card-main">
<view class="card-top"> <view class="card-top">
@ -20,7 +20,7 @@
<text class="time">{{ item.time }}</text> <text class="time">{{ item.time }}</text>
</view> </view>
<view class="feeling">{{ item.feeling }}</view> <view class="feeling">{{ item.feeling }}</view>
<view class="remeet" v-if="item.remeet">24 小时内可再遇见一次</view> <view class="remeet" v-if="item.remeet">10分钟后可再遇见一次</view>
</view> </view>
</view> </view>
</view> </view>
@ -29,7 +29,7 @@
</template> </template>
<script> <script>
import { pageIeRecords } from '@/common/ieApi.js' import { pageIeMatches } from '@/common/ieApi.js'
export default { export default {
data() { data() {
@ -70,23 +70,42 @@
const date = new Date(item.createTime) const date = new Date(item.createTime)
return { return {
id: item.id, id: item.id,
matchId: item.matchId,
roomId: item.roomId,
targetUserId: item.targetUserId, targetUserId: item.targetUserId,
type: item.currentMode || item.mode || 'i', type: item.mode || 'i',
name: item.anonymousName || '半匿名漂流者', name: item.anonymousName || '半匿名漂流者',
avatar: item.avatarText || (item.mode === 'e' ? '光' : '月'),
avatarUrl: item.avatarUrl || '',
time: this.formatTime(item.createTime), time: this.formatTime(item.createTime),
rawDate: Number.isNaN(date.getTime()) ? null : date, rawDate: Number.isNaN(date.getTime()) ? null : date,
feeling: item.intro || item.feeling || item.summary || '这次连接只留下了一点情绪轨迹。', feeling: item.quoteText || item.stateText || item.failReason || '这次连接只留下了一点情绪轨迹。',
remeet: item.remeetAvailable === 1 remeet: item.status === 3
} }
}, },
openChat(item) {
if (!item || !item.roomId) {
uni.showToast({ title: '这条缘分还没有聊天入口', icon: 'none' })
return
}
uni.navigateTo({
url: '/package1/ieBrowser/chat?mode=' + item.type +
'&roomId=' + item.roomId +
'&targetUserId=' + (item.targetUserId || '') +
'&name=' + encodeURIComponent(item.name || '半匿名漂流者') +
'&avatar=' + encodeURIComponent(item.avatar || item.type || '◌') +
'&avatarUrl=' + encodeURIComponent(item.avatarUrl || '') +
'&quote=' + encodeURIComponent(item.feeling || '')
})
},
async loadFates() { async loadFates() {
if (this.loading || !this.hasMore) return if (this.loading || !this.hasMore) return
this.loading = true this.loading = true
try { try {
const page = await pageIeRecords(this.pageNumber, this.pageSize) const page = await pageIeMatches(this.pageNumber, this.pageSize)
const list = page && page.records ? page.records.map(this.normalizeRecord) : [] const list = page && page.records ? page.records.map(this.normalizeRecord) : []
const exists = new Set(this.fates.map(item => item.id)) const exists = new Set(this.fates.map(item => item.matchId || item.id))
this.fates = this.fates.concat(list.filter(item => !exists.has(item.id))) this.fates = this.fates.concat(list.filter(item => !exists.has(item.matchId || item.id)))
this.hasMore = page ? (page.current || this.pageNumber) < (page.pages || this.pageNumber) : false this.hasMore = page ? (page.current || this.pageNumber) < (page.pages || this.pageNumber) : false
this.pageNumber += 1 this.pageNumber += 1
} finally { } finally {

141
package1/ieBrowser/index.vue
View File

@ -5,7 +5,12 @@
<view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view> <view class="top-safe" :style="{ height: menuButtonInfo.top + 'px' }"></view>
<view class="status-head"> <view class="status-head">
<view class="time-line">{{ timeLabel }}</view> <view class="time-row">
<view class="time-line">{{ timeLabel }}</view>
<view class="perf-toggle" :class="{ active: lowPowerMode }" @tap="toggleLowPowerMode">
{{ lowPowerMode ? '流畅' : '性能' }}
</view>
</view>
<view class="profile-line" @tap="goUniverse"> <view class="profile-line" @tap="goUniverse">
<image class="profile-avatar-img" v-if="profile.avatarUrl" :src="profile.avatarUrl" mode="aspectFill"></image> <image class="profile-avatar-img" v-if="profile.avatarUrl" :src="profile.avatarUrl" mode="aspectFill"></image>
<view class="profile-avatar" v-else>{{ profile.avatarText || '我' }}</view> <view class="profile-avatar" v-else>{{ profile.avatarText || '我' }}</view>
@ -16,13 +21,10 @@
</view> </view>
<view class="live-line">此刻有 <text class="count-num">{{ displayAwakeCount }}</text> 个灵魂在线漂流。</view> <view class="live-line">此刻有 <text class="count-num">{{ displayAwakeCount }}</text> 个灵魂在线漂流。</view>
<view class="sub-line">{{ waitingCount }} 个人正在等一句话。</view> <view class="sub-line">{{ waitingCount }} 个人正在等一句话。</view>
<view class="archive-entry planet-entry" @tap="openProfile"> <view class="archive-entry planet-entry" @tap="openTargetPanel">
<view class="planet-ring"></view> <view class="planet-ring"></view>
<view class="planet-icon">◌</view> <view class="planet-icon">◌</view>
</view> </view>
<view class="perf-toggle" :class="{ active: lowPowerMode }" @tap="toggleLowPowerMode">
{{ lowPowerMode ? '流畅' : '性能' }}
</view>
</view> </view>
<view class="drift-field"> <view class="drift-field">
@ -32,10 +34,10 @@
:class="['fragment-' + index, item.type, item.mood]" @tap="selectDrift(item)"> :class="['fragment-' + index, item.type, item.mood]" @tap="selectDrift(item)">
<view class="fragment-dot"></view> <view class="fragment-dot"></view>
<view class="fragment-text">{{ item.text }}</view> <view class="fragment-text">{{ item.text }}</view>
<view class="bubble-actions" v-if="activeDriftText === item.text" @tap.stop> <!-- <view class="bubble-actions" v-if="activeDriftText === item.text" @tap.stop>
<view @tap="replyDrift">回复</view> <view @tap="replyDrift">回复</view>
<view @tap="likeDrift">轻轻赞</view> <view @tap="likeDrift">轻轻赞</view>
</view> </view> -->
</view> </view>
<view class="signal-planet" :style="galaxyStyle" @touchstart.stop="startGalaxyDrag" @touchmove.stop="moveGalaxyDrag" <view class="signal-planet" :style="galaxyStyle" @touchstart.stop="startGalaxyDrag" @touchmove.stop="moveGalaxyDrag"
@touchend="endGalaxyDrag" @touchcancel="endGalaxyDrag"> @touchend="endGalaxyDrag" @touchcancel="endGalaxyDrag">
@ -52,7 +54,7 @@
<view class="soul-particle soul-b"></view> <view class="soul-particle soul-b"></view>
<view class="soul-particle soul-c"></view> <view class="soul-particle soul-c"></view>
<view class="planet-core"> <view class="planet-core">
<view class="planet-text">有人也在等你</view> <view class="planet-text">有人在等你</view>
<view class="planet-sub">{{ currentMode === 'i' ? '安静靠近' : '轻轻热闹' }}</view> <view class="planet-sub">{{ currentMode === 'i' ? '安静靠近' : '轻轻热闹' }}</view>
</view> </view>
</view> </view>
@ -70,27 +72,35 @@
:class="{ active: currentMood === item.key }" @tap="changeMood(item.key)"> :class="{ active: currentMood === item.key }" @tap="changeMood(item.key)">
<text class="mood-icon">{{ item.icon }}</text>{{ item.label }} <text class="mood-icon">{{ item.icon }}</text>{{ item.label }}
</view> </view>
<view class="mode-switch" @tap="toggleMode">{{ currentMode }} · {{ currentMode === 'i' ? '慢一点' : '亮一点' }}</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<view class="target-dock"> <view class="target-mask" v-if="showTargetPanel" @tap="closeTargetPanel">
<view class="target-title">今天想遇见谁</view> <view class="target-dock target-popup" @tap.stop>
<view class="target-row"> <view class="target-popup-head">
<view class="target-chip" v-for="item in targetModes" :key="item.key" <view>
:class="{ active: targetMode === item.key }" @tap="targetMode = item.key"> <view class="target-popup-title">随机陪伴设置</view>
{{ item.label }} <view class="target-popup-sub">选择此刻想遇见的人，再开始漂流。</view>
</view>
<view class="target-close" @tap="closeTargetPanel">×</view>
</view> </view>
</view> <view class="target-title">今天想遇见谁</view>
<view class="target-title gender-title">想匹配的性别</view> <view class="target-row">
<view class="target-row"> <view class="target-chip" v-for="item in targetModes" :key="item.key"
<view class="target-chip gender-chip" v-for="item in targetGenders" :key="item.key" :class="{ active: targetMode === item.key }" @tap="targetMode = item.key">
:class="{ active: targetGender === item.key }" @tap="targetGender = item.key"> {{ item.label }}
{{ item.label }} </view>
</view>
<view class="target-title gender-title">想匹配的性别</view>
<view class="target-row">
<view class="target-chip gender-chip" v-for="item in targetGenders" :key="item.key"
:class="{ active: targetGender === item.key }" @tap="targetGender = item.key">
{{ item.label }}
</view>
</view> </view>
<view class="start-match-btn" @tap="openMatch">开始随机陪伴</view>
</view> </view>
<view class="start-match-btn" @tap="openMatch">开始随机陪伴</view>
</view> </view>
<view class="bottom-actions"> <view class="bottom-actions">
@ -148,6 +158,7 @@
liveTimer: null, liveTimer: null,
countTimer: null, countTimer: null,
showProfile: false, showProfile: false,
showTargetPanel: false,
profileReady: false, profileReady: false,
profile: {}, profile: {},
lowPowerMode: false, lowPowerMode: false,
@ -174,7 +185,7 @@
{ name: 'snow', angle: 332, radiusX: 166, radiusY: 48, size: 10, speed: 1.38, color: 'rgba(255,255,255,.95)' } { name: 'snow', angle: 332, radiusX: 166, radiusY: 48, size: 10, speed: 1.38, color: 'rgba(255,255,255,.95)' }
], ],
matchText: "随机遇见一个人", matchText: "随机遇见一个人",
doneText: "今天先到这里", doneText: "今天先到这里，平台下单可增加匹配次数",
moods: [{"key":"quiet","label":"想安静","icon":"◐","copy":"对方没有催我讲话，沉默变得没那么尴尬。"},{"key":"talk","label":"想说话","icon":"◒","copy":"聊了一个很小的日常话题，心情被拉亮了一点。"},{"key":"listen","label":"听着呢","icon":"◌","copy":"像有人坐在旁边，不需要解释为什么低落。"},{"key":"drift","label":"轻了一点","icon":"✦","copy":"只是给今天留一点柔软的痕迹。"}], moods: [{"key":"quiet","label":"想安静","icon":"◐","copy":"对方没有催我讲话，沉默变得没那么尴尬。"},{"key":"talk","label":"想说话","icon":"◒","copy":"聊了一个很小的日常话题，心情被拉亮了一点。"},{"key":"listen","label":"听着呢","icon":"◌","copy":"像有人坐在旁边，不需要解释为什么低落。"},{"key":"drift","label":"轻了一点","icon":"✦","copy":"只是给今天留一点柔软的痕迹。"}],
targetModes: [{ key: 'i', label: '匹配 i 人' }, { key: 'e', label: '匹配 e 人' }, { key: 'any', label: '都可以' }], targetModes: [{ key: 'i', label: '匹配 i 人' }, { key: 'e', label: '匹配 e 人' }, { key: 'any', label: '都可以' }],
targetGenders: [{ key: 'male', label: '男生' }, { key: 'female', label: '女生' }, { key: 'any', label: '不限' }], targetGenders: [{ key: 'male', label: '男生' }, { key: 'female', label: '女生' }, { key: 'any', label: '不限' }],
@ -375,6 +386,7 @@
}) })
}, },
async openMatch() { async openMatch() {
this.showTargetPanel = false
if (this.chancesLeft === 0) { if (this.chancesLeft === 0) {
uni.showToast({ title: this.doneText, icon: 'none' }) uni.showToast({ title: this.doneText, icon: 'none' })
return return
@ -443,6 +455,12 @@
openProfile() { openProfile() {
this.goUniverse() this.goUniverse()
}, },
openTargetPanel() {
this.showTargetPanel = true
},
closeTargetPanel() {
this.showTargetPanel = false
},
closeProfile() { closeProfile() {
this.showProfile = false this.showProfile = false
}, },
@ -492,7 +510,6 @@
uni.showToast({ title: "这次轻轻划过了", icon: 'none' }) uni.showToast({ title: "这次轻轻划过了", icon: 'none' })
}, },
goChat() { goChat() {
this.chancesLeft = Math.max(this.chancesLeft - 1, 0)
this.showMatch = false this.showMatch = false
const room = this.currentMatch ? '&roomId=' + this.currentMatch.roomId + '&targetUserId=' + this.currentMatch.targetUserId + const room = this.currentMatch ? '&roomId=' + this.currentMatch.roomId + '&targetUserId=' + this.currentMatch.targetUserId +
'&name=' + encodeURIComponent(this.matchedPerson.name || '') + '&name=' + encodeURIComponent(this.matchedPerson.name || '') +
@ -1091,6 +1108,12 @@
padding-top: 74rpx; padding-top: 74rpx;
} }
.time-row {
display: flex;
align-items: center;
gap: 18rpx;
}
.time-line { .time-line {
font-size: 46rpx; font-size: 46rpx;
line-height: 58rpx; line-height: 58rpx;
@ -1169,10 +1192,6 @@
} }
.perf-toggle { .perf-toggle {
position: absolute;
right: 0;
top: 148rpx;
z-index: 4;
height: 48rpx; height: 48rpx;
line-height: 48rpx; line-height: 48rpx;
padding: 0 18rpx; padding: 0 18rpx;
@ -1370,7 +1389,6 @@
.target-dock { .target-dock {
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-top: 22rpx;
padding: 24rpx 28rpx; padding: 24rpx 28rpx;
border-radius: 36rpx; border-radius: 36rpx;
background: rgba(255,255,255,.66); background: rgba(255,255,255,.66);
@ -1379,6 +1397,62 @@
backdrop-filter: blur(12rpx); backdrop-filter: blur(12rpx);
} }
.target-mask {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 30;
display: flex;
align-items: flex-end;
padding: 32rpx 30rpx 136rpx;
box-sizing: border-box;
background: rgba(22,27,46,.18);
backdrop-filter: blur(16rpx);
}
.target-popup {
width: 100%;
margin-top: 0;
padding: 34rpx 30rpx 30rpx;
border-radius: 42rpx;
background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.76)), radial-gradient(circle at 82% 0%, rgba(169,255,231,.28), transparent 220rpx);
box-shadow: 0 34rpx 100rpx rgba(96,112,160,.22);
animation: targetUp .18s ease-out both;
}
.target-popup-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 28rpx;
}
.target-popup-title {
color: #161b2e;
font-size: 34rpx;
font-weight: 900;
}
.target-popup-sub {
margin-top: 8rpx;
color: rgba(22,27,46,.46);
font-size: 23rpx;
}
.target-close {
width: 58rpx;
height: 58rpx;
border-radius: 50%;
text-align: center;
line-height: 54rpx;
color: rgba(22,27,46,.5);
background: rgba(238,244,255,.78);
font-size: 36rpx;
font-weight: 700;
}
.target-title { .target-title {
color: rgba(22,27,46,.54); color: rgba(22,27,46,.54);
font-size: 23rpx; font-size: 23rpx;
@ -1420,6 +1494,15 @@
font-weight: 900; font-weight: 900;
} }
.gender-title {
margin-top: 24rpx;
}
@keyframes targetUp {
from { transform: translateY(42rpx); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.dock-scroll { .dock-scroll {
width: 100%; width: 100%;
margin-top: 20rpx; margin-top: 20rpx;

Write Preview
Loading…
Cancel
Save