wangxiaowei/wanjiashangchao-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化商家端

Browse Source
This commit is contained in:
wangxiaowei
2025-04-30 14:08:39 +08:00
commit 68b408b1e7
568 changed files with 118884 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

355
pages/xx/myNews/myNews.vue Normal file
View File

@ -0,0 +1,355 @@
<template>
<view class="page" :style="themeColor">
<view class="flex align-stretch benben-position-layout flex myNews_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex align-center justify-between flex-sub myNews_fd0_0'>
<view class='flex align-center myNews_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
<text class='fu-iconfont2 myNews_fd0_0_c0_c0'>&#xE794;</text>
</view>
<view class='flex align-center'>
<text class='myNews_fd0_0_c1_c0'>消息</text>
</view>
<view class='flex align-center myNews_fd0_0_c2'>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myNews_flex_1">
<view class='flex flex-wrap align-stretch myNews_fd1_0' @tap.stop="newTap(item.msg_type)" v-for="(item,type) in lists" :key="type">
<view class='flex flex-wrap align-center myNews_fd1_0_c0'>
<image class='myNews_fd1_0_c0_c0' mode="aspectFit" :src='item.msg_type==4 ? STATIC_URL+"5.png" : STATIC_URL+"6.png"'></image>
<benben-message-num class='myNews_fd1_0_c0_c1' size='24' color='#fff' background-color='red' :messageNum="item.num">
</benben-message-num>
</view>
<view class='flex flex-direction flex-wrap align-stretch justify-between flex-sub'>
<view class='flex flex-wrap align-center myNews_fd1_0_c1_c0'>
<text class='flex-sub myNews_fd1_0_c1_c0_c0'>{{item.name}}</text>
<text class='myNews_fd1_0_c1_c0_c1' v-if="item.new_msg.length>0">{{item.new_msg[0].create_time}}</text>
</view>
<text class='myNews_fd1_0_c1_c1' v-if="item.new_msg.length>0">{{item.new_msg[0].title}}</text>
</view>
</view>
<view class='flex flex-wrap align-stretch myNews_fd1_2' v-for="(item,i) in listsLiao" :key="i" @tap.stop="liaoTap(item)">
<view class='flex flex-wrap align-center myNews_fd1_2_c0'>
<image class='myNews_fd1_2_c0_c0' mode="aspectFill" :src='item.avatar'></image>
<benben-message-num :messageNum="item.noread" class='myNews_fd1_2_c0_c1' size='24' color='#fff' background-color='red'>
</benben-message-num>
</view>
<view class='flex flex-direction flex-wrap align-stretch justify-between flex-sub'>
<view class='flex flex-wrap align-center myNews_fd1_2_c1_c0'>
<text class='flex-sub myNews_fd1_2_c1_c0_c0'>{{item.nickname}}</text>
<text class='myNews_fd1_2_c1_c0_c1'>{{item.create_time}}</text>
</view>
<text class='myNews_fd1_2_c1_c1' v-if="item.nei.type!=1 && item.nei.type!=6" v-html="item.nei.text"></text>
<text class='myNews_fd1_2_c1_c1' v-if="item.nei.type==1">图片</text>
<text class='myNews_fd1_2_c1_c1' v-if="item.nei.type==6">{{item.nei.title}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
lists:[],
listsLiao:[]
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
},
onUnload() {
},
onReady() {
},
onShow() {
this.get6437c0cb9d5b4()
this.post5f6010f4df24a()
},
methods: {
get6437c0cb9d5b4(){
this.$api.post(global.apiUrls.get6437c0cb9d5b4).then(res=>{
if(res.data.code==1){
this.lists = res.data.data
}
})
},
post5f6010f4df24a(){
this.$api.post(global.apiUrls.post5f6010f4df24a).then(res=>{
if(res.data.code==1){
let listsLiao = res.data.data
listsLiao.forEach(item=>{
item.nei = JSON.parse(item.content)
})
this.listsLiao = listsLiao
console.log(this.listsLiao)
}
})
},
liaoTap(item){
uni.navigateTo({
url:'/pages/xx/xiaoxi/chatRoom?name=' + item.nickname + '&id=' + item.to_user_id
})
},
newTap(type){
if(type==4){
uni.navigateTo({
url:"/pages/xx/platformAnnouncement1682308013/platformAnnouncement1682308013"
})
}else{
uni.navigateTo({
url:"/pages/xx/orderMessages/orderMessages"
})
}
}
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: #F8F8F8;
background-size: 100% auto !important;
}
.myNews_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.myNews_fd0_0_c2 {
width: 180rpx;
}
.myNews_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
}
.myNews_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.myNews_fd0_0_c0 {
width: 180rpx;
}
.myNews_fd0_0 {
padding: 0rpx 32rpx 0rpx 32rpx;
line-height: 88rpx;
}
.myNews_flex_1 {
background: #fff;
padding: 0rpx 32rpx 0rpx 32rpx;
background-size: 100% auto !important;
}
.myNews_fd1_2_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: rgba(153, 153, 153, 1);
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_2_c1_c0_c1 {
line-height: 28rpx;
font-size: 24rpx;
font-weight: 400;
color: rgba(153, 153, 153, 1);
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myNews_fd1_2_c1_c0_c0 {
line-height: 32rpx;
font-size: 32rpx;
font-weight: 500;
color: #000000;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_2_c1_c0 {
margin: 0rpx 0rpx 12rpx 0rpx;
}
.myNews_fd1_2_c0_c1 {
position: absolute;
top: 0rpx;
right: 0rpx;
}
.myNews_fd1_2_c0_c0 {
width: 90rpx;
height: 90rpx;
border-radius: 45rpx 45rpx 45rpx 45rpx;
}
.myNews_fd1_2_c0 {
margin: 0rpx 32rpx 0rpx 0rpx;
position: relative;
}
.myNews_fd1_2 {
border-bottom: 1px solid #eee;
padding: 40rpx 0rpx 40rpx 0rpx;
}
.myNews_fd1_1_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_1_c1_c0_c1 {
line-height: 28rpx;
font-size: 24rpx;
font-weight: 400;
color: rgba(153, 153, 153, 1);
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myNews_fd1_1_c1_c0_c0 {
line-height: 32rpx;
font-size: 32rpx;
font-weight: 500;
color: #000000;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_1_c1_c0 {
margin: 0rpx 0rpx 12rpx 0rpx;
}
.myNews_fd1_1_c0_c1 {
position: absolute;
top: 0rpx;
right: 0rpx;
}
.myNews_fd1_1_c0_c0 {
width: 90rpx;
height: 90rpx;
border-radius: 45rpx 45rpx 45rpx 45rpx;
}
.myNews_fd1_1_c0 {
margin: 0rpx 32rpx 0rpx 0rpx;
position: relative;
}
.myNews_fd1_1 {
border-bottom: 1px solid #eee;
padding: 40rpx 0rpx 40rpx 0rpx;
}
.myNews_fd1_0_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: rgba(153, 153, 153, 1);
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_0_c1_c0_c1 {
line-height: 28rpx;
font-size: 24rpx;
font-weight: 400;
color: rgba(153, 153, 153, 1);
margin: 0rpx 0rpx 0rpx 24rpx;
}
.myNews_fd1_0_c1_c0_c0 {
line-height: 32rpx;
font-size: 32rpx;
font-weight: 500;
color: #000000;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.myNews_fd1_0_c1_c0 {
margin: 0rpx 0rpx 12rpx 0rpx;
}
.myNews_fd1_0_c0_c1 {
position: absolute;
top: 0rpx;
right: 0rpx;
}
.myNews_fd1_0_c0_c0 {
width: 90rpx;
height: 90rpx;
border-radius: 45rpx 45rpx 45rpx 45rpx;
}
.myNews_fd1_0_c0 {
margin: 0rpx 32rpx 0rpx 0rpx;
position: relative;
}
.myNews_fd1_0 {
border-bottom: 1px solid #eee;
padding: 40rpx 0rpx 40rpx 0rpx;
}
</style>

140
pages/xx/newDetail/newDetail.vue Normal file
View File

@ -0,0 +1,140 @@
<template>
<view class="page" :style="themeColor">
<view class="flex align-stretch benben-position-layout flex newDetail_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex align-center justify-between flex-sub newDetail_fd0_0'>
<view class='flex align-center newDetail_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
data-url="1">
<text class='fu-iconfont2 newDetail_fd0_0_c0_c0'>&#xE794;</text>
</view>
<view class='flex align-center'>
<text class='newDetail_fd0_0_c1_c0'>消息详情</text>
</view>
<view class='flex align-center newDetail_fd0_0_c2'>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<view class="flex flex-direction align-stretch newDetail_flex_1">
<text class='newDetail_fd1_0'>{{details.title}}</text>
<text class='newDetail_fd1_1'>{{details.create_time}}</text>
</view>
<view class="ben_fu-jyf-parser_2">
<jyf-parser :html="parser2 | richTextFormat"></jyf-parser>
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
"parser2": "这是富文本",
"id": "",
details:""
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
let {id} = options
if (id !== undefined) this.id = id
this.get6437c2a476843()
},
methods: {
get6437c2a476843(){
this.$api.post(global.apiUrls.get6437c2a476843,{
id:this.id
}).then(res=>{
if(res.data.code==1){
this.details = res.data.data
this.parser2 = res.data.data.body
}
})
}
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: #fff;
background-size: 100% auto !important;
}
.newDetail_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.newDetail_fd0_0_c2 {
width: 180rpx;
}
.newDetail_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
}
.newDetail_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.newDetail_fd0_0_c0 {
width: 180rpx;
}
.newDetail_fd0_0 {
padding: 0rpx 32rpx 0rpx 32rpx;
line-height: 88rpx;
}
.newDetail_flex_1 {
padding: 25rpx 32rpx 16rpx 32rpx;
}
.newDetail_fd1_1 {
color: rgba(153, 153, 153, 1);
font-size: 24rpx;
line-height: 81rpx;
}
.newDetail_fd1_0 {
font-size: 32rpx;
line-height: 54rpx;
font-weight: 500;
color: #333333;
}
.ben_fu-jyf-parser_2 {
background-color: #fff;
padding-left: 24rpx;
padding-right: 24rpx;
padding-top: 24rpx;
padding-bottom: 24rpx;
}
</style>

194
pages/xx/orderMessages/orderMessages.vue Normal file
View File

@ -0,0 +1,194 @@
<template>
<view class="page" :style="themeColor">
<view class="flex align-stretch benben-position-layout flex orderMessages_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex align-center justify-between flex-sub orderMessages_fd0_0'>
<view class='flex align-center orderMessages_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
data-url="1">
<text class='fu-iconfont2 orderMessages_fd0_0_c0_c0'>&#xE794;</text>
</view>
<view class='flex align-center'>
<text class='orderMessages_fd0_0_c1_c0'>订单通知</text>
</view>
<view class='flex align-center orderMessages_fd0_0_c2'>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<!---平台公告列表flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderMessages_flex_1">
<view class='flex flex-direction align-stretch orderMessages_fd1_0' v-for="(item,index) in lists" :key="index">
<text class='orderMessages_fd1_0_c0'>{{item.content}}</text>
<text class='orderMessages_fd1_0_c1'>{{item.create_time}} </text>
</view>
</view>
<!-- 空布局 start -->
<fu-empty-ui v-if="lists.length == 0 && isInit"></fu-empty-ui>
<!-- 空布局 end -->
<!-- 页面加载 start -->
<!-- 页面加载 end -->
<!-- 底部数据加载状态 start-->
<uni-load-more v-if="lists.length > 8" :status="status"></uni-load-more>
<!---平台公告列表flex布局结束-->
</view>
</template>
<script>
export default {
components: {},
data() {
return {
lists: [], //订单列表
page: 1, //页码说
size: 10, //一页显示几条数据
status: 'more', // 加载状态 more:有更多数据 noMore:已加载全部数据 loading:数据加载中
isInit: false, //是否已经初始化
isShowLoading: false, //是否显示页面初始化加载loading
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
onLoad(options) {
this.getOrderList()
},
onPullDownRefresh() {
this.page = 1;
this.status = 'more';
this.getOrderList(false);
},
onReachBottom() {
this.getOrderList();
},
methods: {
getOrderList(value) {
// this.isShow = false;
if (this.status != 'more') return;
this.status = 'loading';
let data = {
page: this.page,
list_rows: this.size,
msgtype:1,
};
console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api.get(global.apiUrls.get6437c2dc0386c,data)
.then(res => {
console.log('抵用券明细', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
let total = res.data.data.total;
if (this.page == 1) this.lists = [];
this.lists = this.lists.concat(curPageData);
if (this.lists.length < total) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
}
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: #F8F8F8;
background-size: 100% auto !important;
}
.orderMessages_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.orderMessages_fd0_0_c2 {
width: 180rpx;
}
.orderMessages_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
}
.orderMessages_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.orderMessages_fd0_0_c0 {
width: 180rpx;
}
.orderMessages_fd0_0 {
padding: 0rpx 32rpx 0rpx 32rpx;
line-height: 88rpx;
}
.orderMessages_flex_1 {
padding: 21rpx 32rpx 0rpx 32rpx;
}
.orderMessages_fd1_0_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
line-height: 29rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
padding: 24rpx 0rpx 0rpx 0rpx;
text-align: right;
}
.orderMessages_fd1_0_c0 {
line-height: 36rpx;
font-size: 28rpx;
font-weight: 500;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.orderMessages_fd1_0 {
background: #fff;
padding: 32rpx 24rpx 32rpx 24rpx;
background-size: 100% auto !important;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 32rpx 0rpx;
position: relative;
}
</style>

202
pages/xx/platformAnnouncement1682308013/platformAnnouncement1682308013.vue Normal file
View File

@ -0,0 +1,202 @@
<template>
<view class="page" :style="themeColor">
<view class="flex align-stretch benben-position-layout flex platformAnnouncement1682308013_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex align-center justify-between flex-sub platformAnnouncement1682308013_fd0_0'>
<view class='flex align-center platformAnnouncement1682308013_fd0_0_c0' @tap.stop="handleJumpDiy"
data-type="back" data-url="1">
<text class='fu-iconfont2 platformAnnouncement1682308013_fd0_0_c0_c0'>&#xE794;</text>
</view>
<view class='flex align-center'>
<text class='platformAnnouncement1682308013_fd0_0_c1_c0'>平台消息</text>
</view>
<view class='flex align-center platformAnnouncement1682308013_fd0_0_c2'>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<view class="flex flex-direction flex-wrap align-stretch justify-center benben-flex-layout">
<view v-for="(item,index) in lists" :key="index" class='flex flex-direction flex-wrap align-stretch platformAnnouncement1682308013_fd1_0'
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/xx/newDetail/newDetail?id=` + item.id">
<text class='platformAnnouncement1682308013_fd1_0_c0'>{{item.title}}！</text>
<text class='platformAnnouncement1682308013_fd1_0_c1'>{{item.content}}</text>
<text class='platformAnnouncement1682308013_fd1_0_c2'>{{item.create_time}}</text>
</view>
</view>
<!-- 空布局 start -->
<fu-empty-ui v-if="lists.length == 0 && isInit"></fu-empty-ui>
<!-- 空布局 end -->
<!-- 页面加载 start -->
<!-- 页面加载 end -->
<!-- 底部数据加载状态 start-->
<uni-load-more v-if="lists.length > 8" :status="status"></uni-load-more>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
"type_id": "",
lists: [], //订单列表
page: 1, //页码说
size: 10, //一页显示几条数据
status: 'more', // 加载状态 more:有更多数据 noMore:已加载全部数据 loading:数据加载中
isInit: false, //是否已经初始化
isShowLoading: false, //是否显示页面初始化加载loading
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
this.getOrderList()
},
onPullDownRefresh() {
this.page = 1;
this.status = 'more';
this.getOrderList(false);
},
onReachBottom() {
this.getOrderList();
},
methods: {
getOrderList(value) {
// this.isShow = false;
if (this.status != 'more') return;
this.status = 'loading';
let data = {
page: this.page,
list_rows: this.size,
};
console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api.get(global.apiUrls.get6437c28c6c105, data)
.then(res => {
console.log('抵用券明细', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
let total = res.data.data.total;
if (this.page == 1) this.lists = [];
this.lists = this.lists.concat(curPageData);
if (this.lists.length < total) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
}
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: #F8F8F8;
background-size: 100% auto !important;
}
.platformAnnouncement1682308013_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.platformAnnouncement1682308013_fd0_0_c2 {
width: 180rpx;
}
.platformAnnouncement1682308013_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
}
.platformAnnouncement1682308013_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.platformAnnouncement1682308013_fd0_0_c0 {
width: 180rpx;
}
.platformAnnouncement1682308013_fd0_0 {
padding: 0rpx 32rpx 0rpx 32rpx;
line-height: 88rpx;
}
.platformAnnouncement1682308013_fd1_0_c2 {
margin: 24rpx 0rpx 0rpx 0rpx;
text-align: right;
line-height: 29rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
}
.platformAnnouncement1682308013_fd1_0_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
line-height: 46rpx;
font-size: 28rpx;
font-weight: 400;
color: #666666;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.platformAnnouncement1682308013_fd1_0_c0 {
line-height: 36rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.platformAnnouncement1682308013_fd1_0 {
background: #fff;
margin: 24rpx 32rpx 0rpx 32rpx;
padding: 32rpx 24rpx 24rpx 24rpx;
background-size: 100% auto !important;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
</style>

678
pages/xx/xiaoxi/HM-chat/css/style.scss Normal file
View File

@ -0,0 +1,678 @@
page {
background-color: #e5e5e5;
}
@font-face {
font-family: 'HMfont-home';
src: url('data:application/x-font-woff2;charset=utf-8;base64,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')
format('woff2');
}
.icon {
font-family: 'HMfont-home' !important;
font-size: 56upx;
font-style: normal;
color: #6aa39f;
&.biaoqing:before {
content: '\e797';
}
&.jianpan:before {
content: '\e7b2';
}
&.yuyin:before {
content: '\e805';
}
&.tupian:before {
content: '\e639';
}
&.chehui:before {
content: '\e904';
}
&.luyin:before {
content: '\e905';
}
&.luyin2:before {
content: '\e677';
}
&.other-voice:before {
content: '\e667';
}
&.my-voice:before {
content: '\e906';
}
&.hongbao:before {
content: '\e626';
}
&.tupian2:before {
content: '\e674';
}
&.paizhao:before {
content: '\e63e';
}
&.add:before {
content: '\e655';
}
&.close:before {
content: '\e607';
}
&.to:before {
content: '\e675';
}
}
.hidden {
display: none !important;
}
.popup-layer {
&.showLayer {
transform: translate3d(0, -47vw, 0);
}
transition: all 0.15s linear;
width: 100%;
height: 42vw;
padding: 20upx 2% 0;
background-color: #f3f3f3;
border-top: solid 1upx #ddd;
position: fixed;
z-index: 20;
top: 100% ;
.emoji-swiper {
height: 40vw;
swiper-item {
display: flex;
align-content: flex-start;
flex-wrap: wrap;
view {
width: 12vw;
height: 12vw;
display: flex;
justify-content: center;
align-items: center;
image {
width: 8.4vw;
height: 8.4vw;
}
}
}
}
.more-layer {
width: 100%;
// height: 42vw;
.list {
width: 100%;
display: flex;
flex-wrap: wrap;
.list-box {
width: 18vw;
height: 20vw;
border-radius: 20upx;
margin: 0 3vw 2vw 3vw;
.box {
width: 18vw;
height: 18vw;
border-radius: 20upx;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 3vw 2vw 3vw;
.icon {
font-size: 70upx;
}
}
.list-box-title {
width: 100%;
text-align: center;
margin: 0 3vw 2vw 3vw;
font-weight: 500;
}
}
}
}
}
.input-box {
width: 100%;
min-height: 100upx;
padding: 0 1%;
box-sizing: border-box;
background-color: #f2f2f2;
display: flex;
position: fixed;
z-index: 20;
bottom: -2upx;
&.showLayer {
transform: translate3d(0, -42vw, 0);
}
transition: all 0.15s linear;
border-bottom: solid 1upx #ddd;
.voice,
.more {
flex-shrink: 0;
width: 90upx;
height: 100upx;
display: flex;
justify-content: center;
align-items: center;
}
.send {
//H5发送按钮左边距
/* #ifdef H5 */
margin-left: 20upx;
/* #endif */
flex-shrink: 0;
width: 100upx;
height: 100upx;
display: flex;
align-items: center;
.btn {
width: 90upx;
height: 56upx;
display: flex;
justify-content: center;
align-items: center;
// background: linear-gradient(to right, #f09b37, #eb632c);
background: linear-gradient(to right, #2479FF, #2479FF);
color: #fff;
border-radius: 6upx;
font-size: 24upx;
}
}
.textbox {
width: 100%;
min-height: 70upx;
margin-top: 15upx;
.voice-mode {
width: calc(100% - 2upx);
height: 68upx;
border-radius: 70upx;
border: solid 1upx #cdcdcd;
display: flex;
justify-content: center;
align-items: center;
font-size: 28upx;
background-color: #fff;
color: #555;
&.recording {
background-color: #e5e5e5;
}
}
.text-mode {
width: 100%;
min-height: 70upx;
display: flex;
background-color: #fff;
border-radius: 40upx;
.box {
width: 100%;
padding-left: 30upx;
min-height: 70upx;
display: flex;
align-items: center;
textarea {
width: 100%;
}
}
.em {
flex-shrink: 0;
width: 80upx;
padding-left: 10upx;
height: 70upx;
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
.record {
width: 40vw;
height: 40vw;
position: fixed;
top: 55%;
left: 30%;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 20upx;
.ing {
width: 100%;
height: 30vw;
display: flex;
justify-content: center;
align-items: center;
// 模拟录音音效动画
@keyframes volatility {
0% {
background-position: 0% 130%;
}
20% {
background-position: 0% 150%;
}
30% {
background-position: 0% 155%;
}
40% {
background-position: 0% 150%;
}
50% {
background-position: 0% 145%;
}
70% {
background-position: 0% 150%;
}
80% {
background-position: 0% 155%;
}
90% {
background-position: 0% 140%;
}
100% {
background-position: 0% 135%;
}
}
.icon {
background-image: linear-gradient(to bottom, #f09b37, #fff 50%);
background-size: 100% 200%;
animation: volatility 1.5s ease-in-out -1.5s infinite alternate;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 150upx;
color: #f09b37;
}
}
.cancel {
width: 100%;
height: 30vw;
display: flex;
justify-content: center;
align-items: center;
.icon {
color: #fff;
font-size: 150upx;
}
}
.tis {
width: 100%;
height: 10vw;
display: flex;
justify-content: center;
font-size: 28upx;
color: #fff;
&.change {
color: #f09b37;
}
}
}
.content {
width: 100%;
.msg-list {
width: 96%;
padding: 0 2%;
position: absolute;
top: 0;
bottom: 100upx;
.loading {
//loading动画
display: flex;
justify-content: center;
@keyframes stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.6);
}
20% {
transform: scaleY(1);
}
}
.spinner {
margin: 20upx 0;
width: 60upx;
height: 100upx;
display: flex;
align-items: center;
justify-content: space-between;
view {
background-color: #f06c7a;
height: 50upx;
width: 6upx;
border-radius: 6upx;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.rect2 {
animation-delay: -1.1s;
}
.rect3 {
animation-delay: -1s;
}
.rect4 {
animation-delay: -0.9s;
}
.rect5 {
animation-delay: -0.8s;
}
}
}
.row {
.system {
display: flex;
justify-content: center;
view {
padding: 0 30upx;
height: 50upx;
display: flex;
justify-content: center;
align-items: center;
background-color: #c9c9c9;
color: #fff;
font-size: 24upx;
border-radius: 40upx;
}
.red-envelope {
image {
margin-right: 5upx;
width: 30upx;
height: 30upx;
}
}
}
&:first-child {
margin-top: 20upx;
}
padding: 20upx 0;
.my .left,
.other .right {
width: 100%;
display: flex;
.bubble {
max-width: 70%;
min-height: 50upx;
border-radius: 10upx;
padding: 15upx 20upx;
display: flex;
align-items: center;
font-size: 32upx;
.tttt {
width: 100%;
// background-color: #f06c7a !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 100;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
&.img {
background-color: transparent;
padding: 0;
overflow: hidden;
image {
max-width: 350upx;
max-height: 350upx;
}
}
&.red-envelope {
background-color: transparent;
padding: 0;
overflow: hidden;
position: relative;
justify-content: center;
align-items: flex-start;
image {
width: 250upx;
height: 313upx;
}
.tis {
position: absolute;
top: 6%;
font-size: 26upx;
color: #9c1712;
}
.blessing {
position: absolute;
bottom: 14%;
color: #e9b874;
width: 80%;
text-align: center;
overflow: hidden;
// 最多两行
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
&.voice {
.icon {
font-size: 40upx;
display: flex;
align-items: center;
}
.icon:after {
content: ' ';
width: 53upx;
height: 53upx;
border-radius: 100%;
position: absolute;
box-sizing: border-box;
}
.length {
font-size: 28upx;
}
}
}
}
.my .right,
.other .left {
flex-shrink: 0;
width: 80upx;
height: 80upx;
image {
width: 80upx;
height: 80upx;
border-radius: 50%;
}
}
.my {
width: 100%;
display: flex;
justify-content: flex-end;
.left {
min-height: 80upx;
align-items: center;
justify-content: flex-end;
.bubble {
background-color: #2479FF;
color: #fff;
&.voice {
.icon {
color: #fff;
}
.length {
margin-right: 20upx;
}
}
&.play {
@keyframes my-play {
0% {
transform: translateX(80%);
}
100% {
transform: translateX(0%);
}
}
.icon:after {
// border-left: solid 10upx rgba(240, 108, 122, 0.5);
border-left: solid 10upx #fff;
animation: my-play 1s linear infinite;
}
}
}
}
.right {
margin-left: 15upx;
}
}
.other {
width: 100%;
display: flex;
.left {
margin-right: 15upx;
}
.right {
flex-wrap: wrap;
.username {
width: 100%;
// height: 45upx;
font-size: 24upx;
color: #999;
display: flex;
.name {
margin-right: 50upx;
}
}
.bubble {
background-color: #fff;
color: #333;
&.voice {
.icon {
color: #6aa39f;
}
.length {
margin-left: 20upx;
}
}
&.play {
@keyframes other-play {
0% {
transform: translateX(-80%);
}
100% {
transform: translateX(0%);
}
}
.icon:after {
border-right: solid 10upx rgba(255, 255, 255, 0.8);
animation: other-play 1s linear infinite;
}
}
}
}
}
}
}
}
.windows {
.mask {
position: fixed;
top: 100%;
width: 100%;
height: 100%;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.2s ease-out;
}
.layer {
position: fixed;
width: 80%;
height: 70%;
left: 10%;
z-index: 1001;
border-radius: 20upx;
overflow: hidden;
top: 100%;
transform: scale3d(0.5, 0.5, 1);
transition: all 0.2s ease-out;
}
&.show {
display: block;
.mask {
top: 0;
opacity: 1;
}
.layer {
transform: translate3d(0, -85vh, 0) scale3d(1, 1, 1);
}
}
&.hide {
display: block;
.mask {
top: 0;
opacity: 0;
}
.layer {
//transform: translate3d(0,-85vh,0) scale3d(.5,.5,1);
}
}
}
.open-redenvelope {
width: 100%;
height: 70vh;
background-color: #cf3c35;
position: relative;
.top {
width: 100%;
background-color: #fe5454;
display: flex;
justify-content: center;
flex-wrap: wrap;
border-radius: 0 0 100% 100%;
box-shadow: inset 0 -20upx 0 #9c1712;
.close-btn {
width: 100%;
height: 80upx;
display: flex;
justify-content: flex-end;
margin-bottom: 30upx;
.icon {
color: #9c1712;
margin-top: 10upx;
margin-right: 10upx;
}
}
image {
width: 130upx;
height: 130upx;
border: solid 12upx #cf3c35;
border-radius: 100%;
margin-bottom: -65upx;
}
margin-bottom: 65upx;
}
.from,
.blessing,
.money,
.showDetails {
width: 90%;
padding: 5upx 5%;
display: flex;
justify-content: center;
font-size: 32upx;
color: #fff;
}
.money {
font-size: 100upx;
color: #f8d757;
display: flex;
padding-top: 20upx;
}
.showDetails {
position: absolute;
bottom: 20upx;
align-items: center;
font-size: 28upx;
color: #f8d757;
.icon {
font-size: 26upx;
color: #f8d757;
}
}
}

1219
pages/xx/xiaoxi/chatRoom.vue Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
pages/xx/xiaoxi/static/image/dots.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 B

BIN
pages/xx/xiaoxi/static/image/emj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
pages/xx/xiaoxi/static/image/lianjie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 986 B

BIN
pages/xx/xiaoxi/static/image/loading.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
pages/xx/xiaoxi/static/image/more.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
pages/xx/xiaoxi/static/image/photos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
pages/xx/xiaoxi/static/image/takephoto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
pages/xx/xiaoxi/static/image/蒙版组 62143@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

410
pages/xx/xiaoxi/tel-info.vue Normal file
View File

@ -0,0 +1,410 @@
<template>
<view class="tel-info">
<!-- 需求服务 -->
<view
class="tel-list"
v-if="obj.source == 1 || obj.source == 2"
@tap.stop="handleJumpDiy"
data-type="navigateTo"
:data-url="`/pages/index/demandDetails/demandDetails?id=${obj.id}&source=${obj.source}`"
>
<view class="tel-list-img" style="height: 380rpx;" :style="{ backgroundImage: 'url(' + obj.thumb + ')' }"></view>
<view class="tel-list-title">{{ obj.title }}</view>
<view class="tel-list-price">
<text class="tel-list-price-one" v-if="obj.price">c$</text>
<text class="tel-list-price-two" v-if="obj.price">{{ obj.price }}</text>
<text class="tel-list-price-two" v-else>{{i18n['无偿']}}</text>
</view>
<view class="tel-list-infos">
<view class="tel-list-infos-left">
<view class="tel-list-infos-left-imgs"><image :src="obj.user_head_img" mode="aspectFill"></image></view>
<view class="tel-list-infos-left-name">
<view class="">{{ obj.user_user_nickname }}</view>
</view>
</view>
<view class="tel-list-infos-citys">
<view class="">{{ obj.address }}</view>
</view>
</view>
</view>
<!-- 商品 -->
<view
class="tel-list"
v-else-if="obj.source == 3"
@tap.stop="handleJumpDiy"
data-type="navigateTo"
:data-url="`/pages/lieIdle/commodityDetails/commodityDetails?id=${obj.id}`"
>
<view class="tel-list-img" style="height: 380rpx;" :style="{ backgroundImage: 'url(' + obj.thumb + ')' }"></view>
<view class="tel-list-title">{{ obj.title }}</view>
<view class="tel-list-price">
<text class="tel-list-price-one">c$</text>
<text class="tel-list-price-two">{{ obj.price }}</text>
</view>
<view class="tel-list-infos">
<view class="tel-list-infos-left">
<view class="tel-list-infos-left-imgs"><image :src="obj.user_head_img" mode="aspectFill"></image></view>
<view class="tel-list-infos-left-name">
<view class="">{{ obj.user_user_nickname }}</view>
</view>
</view>
<view class="tel-list-infos-citys">
<view class="">{{ obj.address }}</view>
</view>
</view>
</view>
<!-- 动态 -->
<view class="tel-list" v-else-if="obj.source == 5" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/circle/dynamicDetails/dynamicDetails?id=${obj.id}`">
<view class="tel-list-img" style="height: 430rpx;" :style="{ backgroundImage: 'url(' + obj.thumb + ')' }"></view>
<view class="tel-list-title">{{ obj.title }}</view>
<view class="tel-list-infos">
<view class="tel-list-infos-left">
<view class="tel-list-infos-left-imgs"><image :src="obj.user_head_img" mode="aspectFill"></image></view>
<view class="tel-list-infos-left-name">
<view class="">{{ obj.user_user_nickname }}</view>
</view>
</view>
<view class="tel-list-infos-number">
<image :src="STATIC_URL + '81.png'" mode=""></image>
<text>{{ obj.like_num }}</text>
</view>
</view>
</view>
<!-- 圈子 -->
<view class="tel-list" v-else-if="obj.source == 6" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/circle/circleDetails/circleDetails?id=${obj.id}`">
<view class="tel-list-img" style="height: 300rpx;" :style="{ backgroundImage: 'url(' + obj.thumb + ')' }"></view>
<view class="tel-list-titles">{{ obj.title }}</view>
<view class="tel-list-desc">{{ obj.desc }}</view>
<view class="tel-list-infos-fun">
<view class="tel-list-infos-fun-box">
<text class="tel-list-infos-number-tip">{{ i18n['圈友'] }}</text>
<text class="tel-list-infos-number-num">{{ obj.friends_num }}</text>
</view>
<view class="tel-list-infos-fun-box2">
<text class="tel-list-infos-number-tip">{{ i18n['动态'] }}</text>
<text class="tel-list-infos-number-num">{{ obj.article_num }}</text>
</view>
</view>
</view>
<!-- 个人主页 -->
<view
class="tel-home-page"
v-else-if="obj.source == 4"
@tap.stop="handleJumpDiy"
data-type="navigateTo"
:data-url="`/pages/index/personalHomepage/personalHomepage?id=${obj.id}`"
>
<view class="tel-home-page-info">
<view class="tel-home-page-info-img"><image :src="obj.thumb" mode="aspectFill"></image></view>
<view class="tel-home-page-info-right">
<view class="tel-home-page-info-name">{{ obj.title }}</view>
<view class="tel-home-page-info-funs">
<view class="tel-home-page-info-funs-box" style="margin-right: 15rpx;" v-if="obj.auto_type && obj.auto_type != 0">
<image :src="STATIC_URL + '89.png'" mode=""></image>
<text>{{ i18n['已认证'] }}</text>
</view>
<view class="tel-home-page-info-funs-box">
<image src="https://ljzp-files.oss-cn-hangzhou.aliyuncs.com/wxImage/31.png" mode=""></image>
<text>{{ obj.age || 0 }} {{ i18n['岁'] }}</text>
</view>
</view>
</view>
</view>
<view class="tel-home-page-info-desc" v-if="obj.desc">{{ obj.desc }}</view>
</view>
</view>
</template>
<script>
/**
*
* 1、求帮助路径：https://jnd.zztczg.cn/share/#/pages/index/demandDetails/demandDetails?id=1&source=1
2、去帮忙路径：https://jnd.zztczg.cn/share/#/pages/index/demandDetails/demandDetails?id=1&source=2
3、商品详情：https://jnd.zztczg.cn/share/#/pages/lieIdle/commodityDetails/commodityDetails?id=4
4、用户主页：https://jnd.zztczg.cn/share/#/pages/index/personalHomepage/personalHomepage?id=76
5、动态详情：https://jnd.zztczg.cn/share/#/pages/circle/dynamicDetails/dynamicDetails?id=1
6、圈子详情：https://jnd.zztczg.cn/share/#/pages/circle/circleDetails/circleDetails?id=1
*
* */
export default {
props: ['obj'],
data() {
return {
bgcs: 'https://jnd.zztczg.cn/uploads/images/64/c74cf73cc3379b0956c5467bf430b5.jpg'
};
}
};
</script>
<style lang="scss">
.tel-info {
.tel-list {
width: 360rpx;
border-radius: 10rpx;
overflow: hidden;
background-color: #fff;
.tel-list-img {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.tel-list-infos {
width: 100%;
padding: 10rpx 10rpx 10rpx 10rpx;
box-sizing: border-box;
display: flex;
.tel-list-infos-left {
flex: 1;
display: flex;
.tel-list-infos-left-imgs {
width: 40rpx;
margin-right: 6rpx;
image {
width: 100%;
height: 40rpx;
border-radius: 50%;
}
}
.tel-list-infos-left-name {
flex: 1;
view {
width: 100%;
font-size: 22rpx;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
}
}
.tel-list-infos-citys {
width: 120rpx;
view {
width: 100%;
text-align: right;
font-size: 20rpx;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
}
.tel-list-infos-number {
width: 120rpx;
display: flex;
align-items: center;
image {
width: 30rpx;
height: 30rpx;
}
text {
font-size: 20rpx;
font-weight: 400;
margin-left: 7rpx;
color: #999;
}
}
}
.tel-list-title {
width: 100%;
padding: 10rpx 10rpx 10rpx 10rpx;
box-sizing: border-box;
font-size: 30rpx;
font-weight: 600;
height: 48px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
.tel-list-desc {
width: 100%;
padding: 10rpx 10rpx 10rpx 10rpx;
box-sizing: border-box;
font-size: 28rpx;
font-weight: 400;
height: 47px;
color: #85879b;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
.tel-list-titles {
width: 100%;
padding: 10rpx 10rpx 10rpx 10rpx;
box-sizing: border-box;
font-size: 30rpx;
font-weight: 600;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
.tel-list-price {
width: 100%;
padding: 10rpx 10rpx 10rpx 10rpx;
box-sizing: border-box;
color: #ea4f3d;
font-weight: 600;
.tel-list-price-one {
margin-right: 10rpx;
font-weight: 400;
}
.tel-list-price-two {
}
}
}
.tel-list-infos-fun {
width: 100%;
padding: 10rpx 10rpx 15rpx 10rpx;
box-sizing: border-box;
view {
display: inline-block;
.tel-list-infos-number-tip {
color: #99a9ad;
font-size: 24rpx;
}
.tel-list-infos-number-num {
color: #85879b;
margin-left: 5rpx;
font-size: 28rpx;
}
}
.tel-list-infos-fun-box2 {
padding-left: 20rpx;
box-sizing: border-box;
margin-left: 20rpx;
position: relative;
}
.tel-list-infos-fun-box2::after {
content: '';
width: 1px;
height: 25rpx;
background-color: #e5e5e5;
position: absolute;
left: 0;
top: 6rpx;
}
.tel-list-infos-fun-box {
}
}
.tel-home-page {
width: 400rpx;
border-radius: 10rpx;
overflow: hidden;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.tel-home-page-info-desc {
width: 100%;
color: #99a9ad;
margin-top: 10rpx;
font-size: 28rpx;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
.tel-home-page-info {
width: 100%;
display: flex;
.tel-home-page-info-img {
width: 80rpx;
image {
width: 75rpx;
height: 75rpx;
border-radius: 50%;
}
}
.tel-home-page-info-right {
flex: 1;
margin-left: 10rpx;
.tel-home-page-info-name {
width: 100%;
color: #333;
font-size: 32rpx;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
word-break: break-word;
}
.tel-home-page-info-funs {
width: 100%;
margin-top: 10rpx;
.tel-home-page-info-funs-acer {
width: 75rpx;
height: 27rpx;
}
.tel-home-page-info-funs-box {
display: inline-block;
font-size: 20rpx;
border-radius: 20rpx;
background-color: #f0f5f5;
padding: 4rpx 10rpx;
box-sizing: border-box;
color: #6aa39f;
image {
width: 20rpx;
height: 20rpx;
margin-right: 6rpx;
}
}
}
}
}
}
}
</style>