front/java-mall-app
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update:把发现改成社区，更新社区样式

Browse Source
This commit is contained in:
lihaoyuan 2025-08-21 15:48:12 +08:00
parent 038c9ecda5
commit a7861abca0
7 changed files with 47 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
App.vue
View File

@ -132,7 +132,7 @@ export default {
this.__("首页");
this.__("分类");
this.__("发现");
this.__("社区");
this.__("购物车");
this.__("我的");

66
community/community/detail.vue
View File

@ -23,7 +23,7 @@
:placeholder="__('禁言')"
placeholder-style="color:#666;font-size:30rpx"
:show-confirm-bar="barbar"
style="background-colo: #fff; color: #f6f6f6; font-size: 30rpx"
style="background-color: #fff; color: #f6f6f6; font-size: 30rpx"
v-if="datauser.IsComment"
/>
@ -37,7 +37,7 @@
:placeholder="huifuvalue"
placeholder-style="color:#939ca9;font-size:30rpx"
show-confirm-bar="bar"
style="background-colo: #fff"
style="background-color: #fff"
v-model="value2"
v-else
/>
@ -125,7 +125,7 @@
</block>
</view>
</view>
<view class="newsimg_box">
<!-- <view class="newsimg_box">
<view class="newsimg_box_img">
<block v-for="(item, idx) in datauser.story_file" :key="idx">
<view
@ -140,7 +140,7 @@
></view>
</block>
</view>
</view>
</view> -->
<view class="">
<navigator
class="time"
@ -269,14 +269,16 @@
class="rmtz_box_title"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/img/tzxq_06.png"
></image>
<view class="rmtz_box_list_all">
<block v-for="(item, idx) in story_hot_rows" :key="idx">
<view class="rmtz_box_content_box">
<view class="rmtz_box_content_box" @click="remen" :data-id="item.story_id">
<view class="rmtz_box_content_box2">
<image :src="item.story_file" class="img_thumbnail"></image>
<view
@click="remen"
class="rmtz_box_content_box_text"
:data-id="item.story_id"
><span>{{ item.story_title }}</span></view
>
<span>{{ item.story_title }}</span>
</view
>
<view class="pldz_box">
<view class="rmtz_box_content_box_dz">
@ -289,7 +291,7 @@
<view class="rmtz_box_content_box_pl">
<image
class="pl"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/img/tzxq_05.png"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/media/media/plantform/20250821/8f5995d981aa4811a9218653464e9df3.png"
></image>
<span style="font-size: 12px">{{
item.story_comment_count
@ -331,7 +333,7 @@
</button>
</view>
</view>
<view
<!-- <view
@click="remen"
class="rmtz_box_content_img"
:data-id="item.story_id"
@ -344,10 +346,11 @@
') center no-repeat ;background-size:cover;'
"
></view>
</view>
</view> -->
</view>
</block>
</view>
</view>
<view
style="width: 100%; background-color: #f6f6f6; height: 20rpx"
></view>
@ -694,11 +697,11 @@
<image
@click="nav"
class="quicknav"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/nav/black/nav_icon_nav.png"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/media/media/plantform/20250821/fb90be3b615247108aa4ddc7c6ffdf87.png"
></image>
<image
class="quicknav"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/nav/black/nav_post.png"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/media/media/store/10073/20250815/5296330c37dd44b0b10a540bcafd536a.png"
@click="onPostStory"
></image>
<image
@ -761,7 +764,7 @@
<navigator class="navtext" url="/community/community/post">
<image
class="quicknav"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/nav/black/nav_post.png"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/media/media/store/10073/20250815/5296330c37dd44b0b10a540bcafd536a.png"
></image>
</navigator>
</view>
@ -2119,7 +2122,7 @@ input {
width: 100%;
height: 87rpx;
position: fixed;
bottom: 0;
bottom: 10rpx;
left: 0;
background-color: #fff;
z-index: 1;
@ -2384,8 +2387,9 @@ input {
}
.rmtz_box_content_box2 {
width: 540rpx;
float: left;
width: 100%;
padding: 10rpx;
box-sizing: border-box; // 确保内边距不会影响宽度
}
.rmtz_box_content_img {
@ -2400,24 +2404,21 @@ input {
}
.rmtz_box_content_box {
width: 50%;
display: flex;
flex-wrap: wrap;
background-color: #fff;
padding: 10rpx 23rpx;
height: 180rpx;
height: auto;
position: relative;
}
.rmtz_box_content_box_text {
width: 540rpx;
float: left;
width: 100%; // 占满整个父容器宽度
font-size: 30rpx;
padding-top: 15rpx;
height: 120rpx;
white-space: nowrap;
/* 不换行 */
overflow: hidden;
/* 隐藏超出内容 */
text-overflow: ellipsis;
/* 添加省略号 */
}
.pldz_box {
@ -3064,4 +3065,19 @@ input {
right: 64%;
z-index: 1;
}
.img_thumbnail{
width: 100%;
height: 250rpx;
}
.rmtz_box_list_all{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.u-top{
bottom: 50px;
}
.u-top1{
bottom: 50px;
}
</style>

1
components/u-parse/components/wxParseImg.vue
View File

@ -4,6 +4,7 @@
:lazy-load="node.attr.lazyLoad"
:class="node.classStr"
:style="newStyleStr || node.styleStr"
style="width:100% !important"
:data-src="node.attr.src"
:src="node.attr.src"
@tap="wxParseImgTap"

2
config/config.js
View File

@ -1124,7 +1124,7 @@ export default {
"pagePath": "pages/index/image",
"iconPath": "static/images/tabBarSns.png",
"selectedIconPath": "static/images/tabBarSns_sel.png",
"text": "发现"
"text": "社区"
},
{
"pagePath": "pages/cart/cart",

2
pages.json
View File

@ -1533,7 +1533,7 @@
"pagePath": "pages/index/image",
"iconPath": "static/images/tabBarSns.png",
"selectedIconPath": "static/images/tabBarSns_sel.png",
"text": "发现"
"text": "社区"
},
{
"pagePath": "pages/cart/cart",

2
pages/index/image.vue
View File

@ -99,7 +99,7 @@
>
<image
@click="onPostStory"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/nav/black/nav_post.png"
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/media/media/store/10073/20250815/5296330c37dd44b0b10a540bcafd536a.png"
class="quicknav"
></image>
<image

2
pagesub/index/components/tabbar.vue
View File

@ -46,7 +46,7 @@
src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_feed_cur.png"
/>
<image v-else class="icon" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_feed.png" />
<view class="desc">发现</view>
<view class="desc">社区</view>
</view>
</view>