Skip to content

C
cust-app
Commit 053b5dfc authored by liwei's avatar liwei
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 0a7ea39e 05944957
Show whitespace changes
Inline Side-by-side
Showing with 707 additions and 21 deletions
config.js
View file @ 053b5dfc
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
module.exports = { module.exports = {
// baseUrl: 'http://106.3.97.198:20162' // baseUrl: 'http://106.3.97.198:20162'
baseUrl: 'http://localhost:8092',//接口URL baseUrl: 'http://localhost:8092',//接口URL
imgUrl:'http://192.168.1.7/static/images',//图片URL imgUrl:'http://192.168.1.11/static/images',//图片URL
webViewUrl:'http://192.168.1.7:8080'//小程序跳转H5页面的URL webViewUrl:'http://192.168.1.7:8080'//小程序跳转H5页面的URL
} }
......
pages.json
View file @ 053b5dfc
...@@ -252,6 +252,26 @@ ...@@ -252,6 +252,26 @@
"disableScroll": true "disableScroll": true
} }
}, },
{
"path": "message/message",
"style": {
"navigationBarTitleText": "个人留言",
"backgroundColor": "#F4F5F9",
"backgroundColorTop": "#F4F5F9",
"navigationBarBackgroundColor": "#F4F5F9",
"navigationStyle": "custom"
}
},
{
"path": "message/info",
"style": {
"navigationBarTitleText": "个人留言",
"backgroundColor": "#F4F5F9",
"backgroundColorTop": "#F4F5F9",
"navigationBarBackgroundColor": "#F4F5F9",
"navigationStyle": "custom"
}
},
{ {
"path": "set/aboutme", "path": "set/aboutme",
"style": { "style": {
......
pages/tab/my.vue
View file @ 053b5dfc
...@@ -200,6 +200,11 @@ import {articleList, getOssUrl} from "../../api/article"; ...@@ -200,6 +200,11 @@ import {articleList, getOssUrl} from "../../api/article";
num: '', num: '',
desc: "", desc: "",
img: this.$IMG_URL+"/user/myren.png", img: this.$IMG_URL+"/user/myren.png",
}, {
name: "我的留言",
num: '',
desc: "",
img: this.$IMG_URL+'/user/mymessage.png',
}, { }, {
name: "推荐给好友", name: "推荐给好友",
num: '', num: '',
...@@ -210,7 +215,8 @@ import {articleList, getOssUrl} from "../../api/article"; ...@@ -210,7 +215,8 @@ import {articleList, getOssUrl} from "../../api/article";
num: '', num: '',
desc: "", desc: "",
img: this.$IMG_URL+'/user/myset.png', img: this.$IMG_URL+'/user/myset.png',
}], }
],
numtwo: 0, numtwo: 0,
tipMsg: "" tipMsg: ""
}; };
...@@ -390,13 +396,17 @@ import {articleList, getOssUrl} from "../../api/article"; ...@@ -390,13 +396,17 @@ import {articleList, getOssUrl} from "../../api/article";
}) })
} else if (i == 1) { } else if (i == 1) {
this.updateInformation(); this.updateInformation();
} else if (i == 3) { } else if (i == 4) {
uni.navigateTo({ uni.navigateTo({
url: "/pagesme/set/set" url: "/pagesme/set/set"
}) })
} else if (i == 2) { } else if (i == 3) {
} } else if (i == 2) {
uni.navigateTo({
url: "/pagesme/message/message"
})
} else if (i == 5) {}
}, },
//登录 //登录
login() { login() {
......
pagesUser/userInfo.vue
View file @ 053b5dfc
...@@ -203,8 +203,9 @@ ...@@ -203,8 +203,9 @@
<view v-if="isFollowed === 0" class="right" @click="logion(userData.userId, true, baseUrl+'/user/con1.png')"> <view v-if="isFollowed === 0" class="right" @click="logion(userData.userId, true, baseUrl+'/user/con1.png')">
<image :src="baseUrl+'/user/con1-no.png'" style="width: 100%;height: 100%;;" mode="aspectFill"></image> <image :src="baseUrl+'/user/con1-no.png'" style="width: 100%;height: 100%;;" mode="aspectFill"></image>
</view> </view>
<view v-else-if="isFollowed === 1" class="right" @click="logion(userData.userId, false, baseUrl+'/user/con1-no.png')"> <!-- <view v-else-if="isFollowed === 1" class="right" @click="logion(userData.userId, false, baseUrl+'/user/con1-no.png')">-->
<image :src="baseUrl+'/user/con1.png'" style="width: 100%;height: 100%;;" mode="aspectFill"></image> <view v-else-if="isFollowed === 1" class="right" >
<image :src="baseUrl+'/user/message.png'" style="width: 100%;height: 100%;;" mode="aspectFill"></image>
</view> </view>
</view> </view>
</view> </view>
......
pagesUser/userList.vue
View file @ 053b5dfc
...@@ -125,7 +125,7 @@ export default { ...@@ -125,7 +125,7 @@ export default {
//跳转用户详情 //跳转用户详情
gotoDetail(item){ gotoDetail(item){
uni.navigateTo({ uni.navigateTo({
url: '/pagesUser/userInfo?id='+item.userId url: '/pagesUser/userInfo?memberId='+item.businessId
}) })
}, },
//获取用户列表数据 //获取用户列表数据
......
pagesme/me/likeList.vue
View file @ 053b5dfc
...@@ -7,9 +7,9 @@ ...@@ -7,9 +7,9 @@
<view class="text">暂无数据</view> <view class="text">暂无数据</view>
</view> </view>
<view class="card"> <view class="card">
<view class="recommendation-card" v-for="item in userList" @click="gotoBusinessDetail(item)"> <view class="recommendation-card" v-for="item in userList">
<view class="card-image"> <view class="card-image">
<image class="img" src="https://cdn.uviewui.com/uview/album/1.jpg"/> <image @click="gotoDetail(item)" class="img" src="https://cdn.uviewui.com/uview/album/1.jpg"/>
</view> </view>
<view class="card-bottom"> <view class="card-bottom">
<view class="bottom-left"> <view class="bottom-left">
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
</view> </view>
<view class="bottom-address">{{item.city}}</view> <view class="bottom-address">{{item.city}}</view>
</view> </view>
<image v-if="type == '1' || type == '3'" class="cnacleLike" :src="baseUrl+'/user/cancelLike.png'" @click="deleteLike(item.userId)"/>
</view> </view>
</view> </view>
</view> </view>
...@@ -33,7 +34,7 @@ ...@@ -33,7 +34,7 @@
</template> </template>
<script> <script>
import {userList} from "../../api/user"; import {deleteFollow, userList} from "../../api/user";
import {getOssUrl} from "../../api/article"; import {getOssUrl} from "../../api/article";
import {getCity, getValue} from "../../common/options"; import {getCity, getValue} from "../../common/options";
import {calculateAge, parseDate} from "../../common"; import {calculateAge, parseDate} from "../../common";
...@@ -68,16 +69,6 @@ export default { ...@@ -68,16 +69,6 @@ export default {
//设置页头 //设置页头
this.type = options.type; this.type = options.type;
this.num = options.num; this.num = options.num;
if (this.type == '1'){
//我喜欢的
this.title = '我喜欢的' + '('+ this.num +')';
} else if (this.type == '2'){
//喜欢我的
this.title = '喜欢我的' + '('+ this.num +')';
} else if (this.type == '3'){
//互相喜欢
this.title = '互相喜欢' + '('+ this.num +')';
}
//获取当前页面的页头高度 //获取当前页面的页头高度
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
...@@ -103,6 +94,8 @@ export default { ...@@ -103,6 +94,8 @@ export default {
//我喜欢的 //我喜欢的
userList(params).then(res =>{ userList(params).then(res =>{
this.userList = res.data.data this.userList = res.data.data
this.num = this.userList.length
this.getTitle()
//遍历this.userList //遍历this.userList
this.userList.forEach(item => { this.userList.forEach(item => {
//处理头像 //处理头像
...@@ -132,6 +125,19 @@ export default { ...@@ -132,6 +125,19 @@ export default {
console.log(e) console.log(e)
}) })
}, },
//获取表头
getTitle(){
if (this.type == '1'){
//我喜欢的
this.title = '我喜欢的' + '('+ this.num +')';
} else if (this.type == '2'){
//喜欢我的
this.title = '喜欢我的' + '('+ this.num +')';
} else if (this.type == '3'){
//互相喜欢
this.title = '互相喜欢' + '('+ this.num +')';
}
},
//获取用户列表数据 //获取用户列表数据
getUserList(){ getUserList(){
if (this.type == '1'){ if (this.type == '1'){
...@@ -160,6 +166,34 @@ export default { ...@@ -160,6 +166,34 @@ export default {
this.getList(params) this.getList(params)
} }
}, },
deleteLike(id){
//是否确认
uni.showModal({
title: '提示',
content: '是否取消关注',
success: (res) => {
if (res.confirm) {
const form = {
userId: uni.getStorageSync('userInfo').businessId,
targetId: id,
}
deleteFollow(form).then(res => {
if (res.data.code == 200){
this.$u.toast('取消关注成功')
this.getUserList()
}
})
} else if (res.cancel) {
}
}
});
},
//跳转用户详情
gotoDetail(item){
uni.navigateTo({
url: '/pagesUser/userInfo?memberId='+item.businessId
})
},
backbar() { backbar() {
uni.navigateBack({ uni.navigateBack({
delta: 1, //返回层数，2则上上页 delta: 1, //返回层数，2则上上页
...@@ -287,4 +321,12 @@ export default { ...@@ -287,4 +321,12 @@ export default {
} }
} }
.cnacleLike{
height: 40rpx;
width: 60rpx;
margin-top: 100rpx;
margin-right: 10rpx;
justify-content: flex-end;
display: flex
}
</style> </style>
pagesme/message/info.vue 0 → 100644
View file @ 053b5dfc
<template>
<view style="background-color: #F4F5F9;min-height: 100vh;">
<!-- 页头 -->
<u-navbar @leftClick="backbar" bgColor="#F4F5F9" title="个人留言"></u-navbar>
<view class="page-layout">
<view class="page-body" id="x_chat">
<view v-for="(item, index) in chatList" :key="index">
<view class="chat-item-body">
<view class="chat-item-time">{{item.time}}</view>
<view v-if="item.type == '0'" class="chat-item-layout chat-left">
<view class="chat-inner-layout">
<view class="chat-item-name">{{item.name}}</view>
<view class="chat-item-msg-layout">
<image class="chat-item-photo" @tap="scanClick" :src="item.photoUrl" mode="aspectFit"></image>
<view class="chat-inner-msg-left">{{item.msg}}</view>
</view>
</view>
</view>
<view v-if="item.type == '1'" class="chat-item-layout chat-right">
<view class="chat-inner-layout">
<view class="chat-item-name-right">{{item.name}}</view>
<view class="chat-item-msg-layout">
<view class="chat-inner-msg-right">{{item.msg}} </view>
<image class="chat-item-photo" @tap="scanClick" :src="item.photoUrl" mode="aspectFit"></image>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="submit-layout">
<input class="submit-input" placeholder="点击输入，开始聊天吧" v-model="inputTemp" @input="bindKeyInput"/>
<view class="submit-submit" type="submit" size="mini" @tap="submitTo">发送</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "info",
data() {
return {
chatList: [
{
type: '0',
name: '群主',
msg: '大家好，欢迎进入微社区群，如有问题可在群里聊天询问',
time: '2024-01-26 13:43:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_two.jpg',
},
{
type: '0',
name: '小助手',
msg: '2024微报事、微呼应活动正在进行中，希望大家踊跃参加。',
time: '2024-01-26 13:43:15',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_service.png',
},
{
type: '1',
name: '',
msg: '已参加微呼应活动',
time: '2024-01-26 13:56:10',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg',
},
{
type: '0',
name: '第五网格员',
msg: '已参加微报事活动',
time: '2024-01-26 13:59:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_one.jpg',
},
{
type: '0',
name: '群主',
msg: '大家好，欢迎进入微社区群，如有问题可在群里聊天询问',
time: '2024-01-26 13:43:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_two.jpg',
},
{
type: '0',
name: '小助手',
msg: '2024微报事、微呼应活动正在进行中，希望大家踊跃参加。',
time: '2024-01-26 13:43:15',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_service.png',
},
{
type: '1',
name: '',
msg: '已参加微呼应活动',
time: '2024-01-26 13:56:10',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg',
},
{
type: '0',
name: '第五网格员',
msg: '已参加微报事活动',
time: '2024-01-26 13:59:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_one.jpg',
},
{
type: '0',
name: '群主',
msg: '大家好，欢迎进入微社区群，如有问题可在群里聊天询问',
time: '2024-01-26 13:43:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_two.jpg',
},
{
type: '0',
name: '小助手',
msg: '2024微报事、微呼应活动正在进行中，希望大家踊跃参加。',
time: '2024-01-26 13:43:15',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_service.png',
},
{
type: '1',
name: '',
msg: '已参加微呼应活动',
time: '2024-01-26 13:56:10',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg',
},
{
type: '0',
name: '第五网格员',
msg: '已参加微报事活动',
time: '2024-01-26 13:59:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_one.jpg',
}, {
type: '0',
name: '群主',
msg: '大家好，欢迎进入微社区群，如有问题可在群里聊天询问',
time: '2024-01-26 13:43:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_two.jpg',
},
{
type: '0',
name: '小助手',
msg: '2024微报事、微呼应活动正在进行中，希望大家踊跃参加。',
time: '2024-01-26 13:43:15',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_service.png',
},
{
type: '1',
name: '',
msg: '已参加微呼应活动',
time: '2024-01-26 13:56:10',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg',
},
{
type: '0',
name: '第五网格员',
msg: '已参加微报事活动',
time: '2024-01-26 13:59:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_one.jpg',
},
{
type: '0',
name: '群主',
msg: '大家好，欢迎进入微社区群，如有问题可在群里聊天询问',
time: '2024-01-26 13:43:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_two.jpg',
},
{
type: '0',
name: '小助手',
msg: '2024微报事、微呼应活动正在进行中，希望大家踊跃参加。',
time: '2024-01-26 13:43:15',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_service.png',
},
{
type: '1',
name: '',
msg: '已参加微呼应活动',
time: '2024-01-26 13:56:10',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg',
},
{
type: '0',
name: '第五网格员',
msg: '已参加微报事活动',
time: '2024-01-26 13:59:12',
photoUrl: 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_one.jpg',
},
],
inputTemp: '',
}
},
onLoad() {
// 滚动到页面底部
this.pageScrollToBottom()
},
methods: {
/**
* 输入监听
*/
bindKeyInput(e) {
this.inputTemp = e.detail.value
},
/**
* 发送
*/
submitTo() {
const inputValue = this.inputTemp
if (!inputValue) {
uni.showToast({
title: '请输入聊天内容',
icon: 'none'
})
return
}
this.inputTemp = ""
const chatObj = {}
chatObj.type = '1'
chatObj.name = ''
chatObj.msg = inputValue
chatObj.time = this.getCurTime()
chatObj.photoUrl = 'https://zhsq.zhnbxc.top:58080/weChatFile/szfwPeople/icon_chat_photo_three.jpg'
this.chatList.push(chatObj)
// 滚动到页面底部
this.pageScrollToBottom()
},
/**
* 获取当前时间
*/
getCurTime() {
const date = new Date()
const y = date.getFullYear();
const m = (date.getMonth() + 1).toString().padStart(2, '0');
const d = date.getDate().toString().padStart(2, '0');
const h = date.getHours().toString().padStart(2, '0');
const minute = date.getMinutes().toString().padStart(2, '0');
const second = date.getSeconds().toString().padStart(2, '0');
return `${y}-${m}-${d} ${h}:${minute}:${second}`;
},
/**
* 滚动到页面底部
*/
pageScrollToBottom() {
uni.createSelectorQuery().select('#x_chat').boundingClientRect(rect => {
if (rect) {
uni.pageScrollTo({
scrollTop: rect.height * this.chatList.length,
duration: 100
})
}
}).exec()
},
backbar() {
uni.navigateBack({
delta: 1, // 返回层数，2则上上页
})
}
},
}
</script>
<style scoped lang="scss">
.page-layout {
margin-top: 80rpx;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.page-body {
width: 100%;
display: flex;
flex-direction: column;
padding-bottom: 56px;
}
.chat-item-body {
display: flex;
flex-direction: column;
margin-top: 20rpx;
}
.chat-item-time {
width: 100vw;
text-align: center;
font-size: 28rpx;
color: #ccc;
border-radius: 10rpx;
margin-top: 40rpx;
}
.chat-item-layout {
display: block;
max-width: 95%;
margin: 1rpx 5rpx;
box-sizing: border-box;
padding: 0 1rpx;
}
.chat-right {
padding-top: 20rpx;
display: flex;
justify-content: flex-end; /* 水平对齐：右侧 */
}
.chat-left {
float: left;
}
.chat-inner-layout {
display: flex;
flex-direction: column;
}
.chat-item-photo {
width: 70rpx;
height: 70rpx;
min-width: 70rpx;
min-height: 70rpx;
border-radius: 50%;
}
.chat-item-msg-layout {
display: flex;
flex-direction: row;
}
.chat-item-name {
display: flex;
flex-direction: row;
align-items: center;
font-size: 28rpx;
color: #999;
border-radius: 10rpx;
margin: 5rpx 0 0 80rpx;
}
.chat-item-name-right {
display: flex;
flex-direction: row;
align-items: center;
font-size: 28rpx;
color: #999;
border-radius: 10rpx;
margin: 5rpx 0 0 5rpx;
}
.chat-inner-msg-left {
display: inline-block;
flex-direction: row;
align-items: center;
color: #000;
font-size: 30rpx;
border-radius: 10rpx;
background: white;
padding: 15rpx 5rpx 15rpx 15rpx;
margin-left: 12rpx;
}
.chat-inner-msg-right {
display: inline-block;
color: #000;
font-size: 30rpx;
border-radius: 10rpx;
background: #87EE5F;
padding: 15rpx 5rpx 15rpx 15rpx;
margin-right: 12rpx;
}
.submit-layout {
position: absolute;
bottom: 0;
width: 100%;
background: #eee;
flex-direction: row;
}
.submit-layout {
width: 100%;
position: fixed;
bottom: 0;
border-top: 1px solid #ddd;
padding: 10rpx 0;
display: flex;
flex-direction: row;
align-items: center;
}
.submit-input {
flex: 1;
background: #fff;
margin: 5rpx 10rpx;
border-radius: 5rpx;
padding: 15rpx 20rpx;
color: #333;
font-size: 30rpx;
}
.submit-submit {
background-color: #13c25f;
color: #333;
font-weight: 700;
font-size: 30rpx;
border-radius: 10rpx;
padding: 18rpx 30rpx;
margin-right: 10rpx;
}
</style>
\ No newline at end of file
pagesme/message/message.vue 0 → 100644
View file @ 053b5dfc
<template>
<view style="background-color: #F4F5F9;min-height: 100vh;">
<!-- 页头-->
<u-navbar @leftClick="backbar" bgColor="#F4F5F9" title="个人留言"></u-navbar>
<view class="recommendation" :style="{'top':navHeight+'px'}">
<view v-if="isdata" class="nodatacard">
<view class="text">暂无数据</view>
</view>
<view class="card">
<view class="recommendation-card" v-for="item in userList" @click="gotoBusinessDetail(item)">
<view class="card-image"style="justify-content: left;display: flex">
<image class="img" src="https://cdn.uviewui.com/uview/album/1.jpg"/>
<view style="margin-left: 20rpx;margin-top: 20rpx;font-weight: 400;font-size: 32rpx">
{{ item.nickName }}
<view class="message">
{{item.message}}
</view>
</view>
</view>
<view style="margin: 20rpx 20rpx 0 0;font-size: 24rpx;color: #8a8888;">
{{ item.createTime }}
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
//图片路径
baseUrl: this.$IMG_URL,
//用户列表
userList:[],
//是否有数据
isdata: false,
//页面显示的数据类型 1我喜欢的 2喜欢我的 3互相喜欢
type:'',
//页面数据的数量
num:'',
//距离表头
navHeight:'',
share: false,
menuButtonInfo: '',
};
},
onLoad() {
//获取当前页面的页头高度
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
const {
top,
width,
height,
right
} = this.menuButtonInfo
uni.getSystemInfo({
success: (res) => {
const {
statusBarHeight
} = res;
const margin = top - statusBarHeight
this.navHeight = (height + statusBarHeight + (margin * 3)) //导航栏总高
}
})
this.getUserList()
},
methods: {
getUserList(){
//我喜欢的
const list = [
{
nickName:'暖洋洋',
message:'你好',
createTime:'2021-08-08 12:12:12'
},
{
nickName:'暖洋洋',
message:'最近的一条信息',
createTime:'2021-08-08 12:12:12'
},
{
nickName:'暖洋洋',
message:'最近的一条信息',
createTime:'2021-08-08 12:12:12'
},
{
nickName:'暖洋洋',
message:'最近的一条信息',
createTime:'2021-08-08 12:12:12'
},
{
nickName:'暖洋洋',
message:'最近的一条信息',
createTime:'2021-08-08 12:12:12'
},
{
nickName:'暖洋洋',
message:'最近的一条信息测试长度滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴滴的',
createTime:'2021-08-08 12:12:12'
},
]
this.userList = list
},
gotoBusinessDetail(){
uni.navigateTo({
url: "/pagesme/message/info"
})
},
backbar() {
uni.navigateBack({
delta: 1, //返回层数，2则上上页
})
}
}
};
</script>
<style lang="scss" scoped>
.recommendation {
background-color: #F4F5F9;
position: relative;
padding: 0 34rpx;
.nodatacard{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
text-align: center;
padding: 42rpx 0;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
.recommendation-top {
display: flex;
justify-content: space-between;
margin: 56rpx 0;
.top-title {
font-size: 19px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #222222;
}
.more {
display: flex;
.more-title {
font-size: 17px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #848484;
margin-right: 14rpx;
}
.more-image {
display: flex;
align-items: center;
.rightimage {
width: 7px;
height: 12px;
}
}
}
}
.card {
display: grid;
grid-template-columns: 680rpx;
grid-column-gap: 22rpx;
.recommendation-card {
max-height: 180rpx;
justify-content: space-between;
display: flex;
width: 680rpx;
margin-bottom: 25rpx;
background-color: white;
.card-image {
.img {
margin: 15rpx 0 15rpx 15rpx;
width: 100rpx;
height: 100rpx;
}
}
}
}
}
.message{
max-width: 300rpx;
margin-top: 30rpx;
font-size: 24rpx;
color: #8a8888;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment