dianliang/dl_uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Vinjor 2025-03-26 10:09:11 +08:00
parent 6b0e104d51
commit 9127778c6f
4 changed files with 138 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
api/business/notice.js
View File

@ -1,15 +1,11 @@
import upload from '@/utils/upload'
import request from '@/utils/request'
// 根据code查分类树
export function getCatgByCode(code) {
const data = {
oldPassword,
newPassword
}
// 根据条件查询通告列表
export function getNoticeList(params) {
return request({
url: '/system/user/profile/updatePwd',
method: 'put',
data: data
url: '/busi/notice/appList',
method: 'get',
params: params
})
}

53
pages/components/notice-item.vue
View File

@ -2,45 +2,51 @@
<view class="dl-components">
<view v-for="(item,index) in dataList" class="dl-notice-box">
<view class="dl-notice-title">
<image class="dl-image" src="@/static/index/xiaohongshu.png" mode="aspectFit"></image>
<view class="dl-text">某品牌鞋子上海、宁波博主探店招募某品牌鞋子上海、宁波博主探店招募</view>
<image class="dl-image" :src="'/static/platform/'+item.platformCode+'.png'" mode="aspectFit"></image>
<view class="dl-text">{{item.title}}</view>
</view>
<view class="dl-notice-content">
<view class="left-text">
<view class="text-item">
<image class="dl-icon" src="@/static/index/money.png" mode="aspectFit"></image>
<view class="dl-content">奖励：¥30-400</view>
<view v-if="0==item.feeUp" class="dl-content">奖励：无稿费</view>
<view v-else class="dl-content">奖励：¥{{item.feeDown}}-{{item.feeUp}}</view>
</view>
<view class="text-item">
<image class="dl-icon" src="@/static/index/my.png" mode="aspectFit"></image>
<view class="dl-content">粉丝：1K-10w</view>
<view class="dl-content">
粉丝：{{formatNumberWithUnits(item.fansDown)}}-{{formatNumberWithUnits(item.fansUp)}}</view>
</view>
<view class="text-item" style="border-bottom: 1rpx solid #F4F4F4;padding-bottom: 17rpx;">
<view class="text-item" style="border-bottom: 1rpx solid #F4F4F4;padding-bottom: 10rpx;">
<image class="dl-icon" src="@/static/index/xing.png" mode="aspectFit"></image>
<view class="dl-content">类型：时尚 探店 运动 颜值</view>
<view class="dl-content">类型：{{item.bloggerTypesText}}</view>
</view>
<view class="text-item" style="padding-top: 20rpx;">
<view class="text-item" style="padding-top: 10rpx;">
<view class="item-box" style="width: 40%;">
<image class="dl-icon2" src="@/static/images/profile.jpg" mode="aspectFit"></image>
<view class="dl-item-right">资深Pr资深</view>
<image class="dl-icon2" :src="imageUrl+item.avatar" mode="aspectFit"></image>
<view class="dl-item-right">{{item.userNickName}}</view>
</view>
<view class="item-box">
<image class="dl-icon3" src="@/static/index/person.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">659</view>
<view class="dl-item-right dl-number">{{item.reportNum}}</view>
</view>
<view class="item-box">
<image class="dl-icon3" src="@/static/index/eye.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">659</view>
<view class="dl-item-right dl-number">{{item.viewNum}}</view>
</view>
</view>
</view>
<image class="right-image" src="@/static/images/profile.jpg" mode="aspectFit"></image>
<image class="right-image" :src="imageUrl+item.mainImage" mode="aspectFit"></image>
</view>
</view>
</view>
</template>
<script>
import {
formatNumberWithUnits
} from '@/utils/common.js'
import config from '@/config'
export default {
props: {
dataList: {
@ -50,11 +56,13 @@
},
data() {
return {
imageUrl: config.baseUrl
}
},
methods: {
formatNumberWithUnits(number) {
return formatNumberWithUnits(number)
}
}
}
</script>
@ -67,7 +75,7 @@
.dl-notice-box {
font-size: 29rpx;
width: 100%;
padding: 20rpx;
padding: 18rpx;
background-color: white;
border-radius: 30rpx;
margin-bottom: 20rpx;
@ -75,7 +83,7 @@
.dl-notice-title {
display: flex;
width: 100%;
padding-bottom: 20rpx;
padding-bottom: 10rpx;
align-items: center;
justify-content: center;
@ -96,6 +104,7 @@
}
}
.dl-notice-content {
font-size: 27rpx;
display: flex;
@ -121,6 +130,7 @@
width: 40rpx;
height: 44rpx;
}
.dl-content {
flex: 1;
overflow: hidden;
@ -129,6 +139,7 @@
width: 100%;
padding-left: 15rpx;
}
.item-box {
display: flex;
width: 100%;
@ -141,20 +152,23 @@
height: 44rpx;
border-radius: 50%;
}
.dl-icon3 {
flex: none;
width: 30rpx;
height: 29rpx;
}
.dl-item-right {
flex: 1;
padding-left: 10rpx;
min-width: 0;
min-width: 100rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.dl-number {
font-size: 26rpx;
margin-right: 5rpx;
@ -162,10 +176,11 @@
}
}
}
.right-image {
flex: none;
width: 230rpx;
height: 230rpx;
width: 220rpx;
height: 220rpx;
border-radius: 20rpx;
}
}

BIN
static/index/xiaohongshu.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

36
utils/common.js
View File

@ -1,4 +1,9 @@
import { getJSONData,setJSONData,removeJSONData,setStrData } from '@/utils/auth'
import {
getJSONData,
setJSONData,
removeJSONData,
setStrData
} from '@/utils/auth'
// 用户权益code
const UserRightsKey = 'User-Rights'
//用户当前身份code
@ -80,3 +85,32 @@ export function tansParams(params) {
}
return result
}
/**
* 数字单位转换
* @param {Object} num
*/
export function formatNumberWithUnits(num) {
const units = ['', 'k', 'w', 'kw'];
const absNum = Math.abs(num); // 获取绝对值以处理负数
// 处理小于1000的情况，直接返回原数字的字符串形式
if (absNum < 1000) {
return absNum.toString();
}
// 寻找合适的单位
let unitIndex = 0;
if (absNum > 10000000) {
absNum /= 10000000;
unitIndex = 3;
} else if (absNum > 10000) {
absNum /= 10000;
unitIndex = 2;
} else if (absNum > 1000) {
absNum /= 1000;
unitIndex = 1;
}
// 格式化数字，并添加单位
const formattedNum = absNum.toFixed(2).replace(/\.?0+$/, ''); // 保留两位小数并去除末尾的零
return formattedNum + units[unitIndex];
}