10 changed files with 631 additions and 461 deletions
-
21api/article.js
-
9api/book.js
-
19api/hot.js
-
21api/video.js
-
99pages/home/home.vue
-
92pages/user/user.vue
-
151subpkg/pages/reader-card/reader-card copy.vue
-
191subpkg/pages/reader-card/reader-card.vue
-
148subpkg/pages/unbind-card/unbind-card.vue
-
245subpkg/pages/user-info/user-info.vue
@ -1,21 +0,0 @@ |
|||
import request from '../utils/request'; |
|||
|
|||
/** |
|||
* 获取文章详情 |
|||
*/ |
|||
export function getArticleDetail(data) { |
|||
return request({ |
|||
url: '/article/details', |
|||
data |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 获取文章评论列表 |
|||
*/ |
|||
export function getArticleCommentList(data) { |
|||
return request({ |
|||
url: '/article/comment/list', |
|||
data |
|||
}); |
|||
} |
|||
@ -1,19 +0,0 @@ |
|||
import request from '../utils/request'; |
|||
|
|||
export function getHotTabs() { |
|||
return request({ |
|||
url: '/hot/tabs' |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 热搜文章列表 |
|||
*/ |
|||
export function getHotListFromTabType(type) { |
|||
return request({ |
|||
url: '/hot/list', |
|||
data: { |
|||
type |
|||
} |
|||
}); |
|||
} |
|||
@ -1,21 +0,0 @@ |
|||
import request from '../utils/request'; |
|||
|
|||
/** |
|||
* 热播视频列表 |
|||
*/ |
|||
export function getHotVideoList(data) { |
|||
return request({ |
|||
url: '/video/list', |
|||
data |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 获取视频弹幕列表 |
|||
*/ |
|||
export function getVideoDanmuList(data) { |
|||
return request({ |
|||
url: '/video/danmu', |
|||
data |
|||
}); |
|||
} |
|||
@ -0,0 +1,151 @@ |
|||
<template> |
|||
<view class="reader-card"> |
|||
<image class="card-top-bg" src="@/static/images/card-img1.png" mode="widthFix" /> |
|||
|
|||
<view class="card-list"> |
|||
<view |
|||
class="card-list-item" |
|||
v-for="(item, index) in cardList" |
|||
:key="item.id" |
|||
@click="handleSelectItem(item.bindValue)" |
|||
:class="{ active: selectedValue === item.bindValue }" |
|||
> |
|||
<image class="card-left-img" src="@/static/images/card-img2.png" mode="widthFix" /> |
|||
<view class="card-right-info"> |
|||
<text class="info-title">读者证号</text> |
|||
<text class="info-num">{{ item.bindValue }}</text> |
|||
</view> |
|||
<radio :value="item.bindValue" :checked="selectedValue === item.bindValue"/> |
|||
</view> |
|||
|
|||
<view class="add-card-btn" @click="toAddReaderCard"> |
|||
<uni-icons type="plus" size="20" color="#01a4fe"></uni-icons> |
|||
<text>新增读者证</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { FetchFindAllReaderBindByOpenId, FetchSetDefaultReadCard } from '@/api/user'; |
|||
const READLIST = 'reader-card-list'; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
selectedValue: '', |
|||
cardList: [], |
|||
} |
|||
}, |
|||
onLoad() {}, |
|||
onShow() { |
|||
this.getBindReaderCardList(); |
|||
}, |
|||
methods: { |
|||
async getBindReaderCardList() { |
|||
try { |
|||
const openId = uni.getStorageSync('wx_login_code'); |
|||
if (!openId) { |
|||
uni.showToast({ title: '未获取到用户信息', icon: 'none' }); |
|||
return; |
|||
} |
|||
|
|||
const data = { libcode: '1201', openId: openId }; |
|||
const res = await FetchFindAllReaderBindByOpenId(data); |
|||
|
|||
if (res.code === 200 && res.data.length > 0) { |
|||
this.cardList = res.data; |
|||
uni.setStorageSync(READLIST, res.data); |
|||
|
|||
// 优先 bindDefault = true |
|||
const defaultCard = this.cardList.find(item => item.bindDefault === true); |
|||
this.selectedValue = defaultCard ? defaultCard.bindValue : this.cardList[0].bindValue; |
|||
} else { |
|||
this.cardList = []; |
|||
uni.setStorageSync(READLIST, []); |
|||
this.selectedValue = ''; |
|||
} |
|||
} catch (err) { |
|||
this.cardList = uni.getStorageSync(READLIST) || []; |
|||
const defaultCard = this.cardList.find(item => item.bindDefault === true); |
|||
this.selectedValue = defaultCard ? defaultCard.bindValue : this.cardList[0]?.bindValue || ''; |
|||
} |
|||
}, |
|||
|
|||
// 点击整个卡片 → 触发切换 |
|||
handleSelectItem(value) { |
|||
const oldValue = this.selectedValue; |
|||
const openId = uni.getStorageSync('wx_login_code'); |
|||
|
|||
if (value === oldValue) return; |
|||
|
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '确定切换默认读者证吗？', |
|||
success: async (res) => { |
|||
if (!res.confirm) { |
|||
this.selectedValue = oldValue; |
|||
return; |
|||
} |
|||
|
|||
try { |
|||
const result = await FetchSetDefaultReadCard({ |
|||
bindType: 'rdid', |
|||
bindValue: value, |
|||
libcode: '1201', |
|||
openid: openId |
|||
}); |
|||
|
|||
if (result.code === 200) { |
|||
this.selectedValue = value; |
|||
uni.setStorageSync('currentReaderCard', value); |
|||
uni.showToast({ title: '默认证切换成功', icon: 'success' }); |
|||
} else { |
|||
this.selectedValue = oldValue; |
|||
uni.showToast({ title: result.msg || '切换失败', icon: 'none' }); |
|||
} |
|||
} catch (err) { |
|||
this.selectedValue = oldValue; |
|||
uni.showToast({ title: '切换失败', icon: 'none' }); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
toAddReaderCard() { |
|||
uni.navigateTo({ url: "/pages/login/login" }); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.reader-card{ |
|||
position: relative; |
|||
min-height: 100vh; |
|||
background-color: #f5f5f5; |
|||
|
|||
.card-top-bg{ |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
display: block; |
|||
} |
|||
|
|||
.add-card-btn { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
margin-top: 15px; |
|||
height: 44px; |
|||
border: 1px dashed #01a4fe; |
|||
border-radius: 8px; |
|||
color: #01a4fe; |
|||
font-size: 15px; |
|||
|
|||
uni-icons { |
|||
margin-right: 6px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue