From 3bc2db7275a4b95dcae86af7176de338c140a97b Mon Sep 17 00:00:00 2001
From: Double-_-Z <2492419643@qq.com>
Date: Fri, 7 Feb 2025 16:58:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
=?UTF-8?q?=EF=BC=88=E4=B8=80=E7=89=88=E2=80=94=E2=80=94=E5=AD=98=E9=81=97?=
=?UTF-8?q?=E7=95=99=E9=97=AE=E9=A2=98=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/mobile_web/home/home.vue | 184 ++++++++++++++++--
pages/mobile_web/my/child_pages/contact.vue | 28 ++-
pages/mobile_web/my/child_pages/setting.vue | 15 ++
pages/mobile_web/my/my.vue | 5 +
pages/mobile_web/recharge/detail.vue | 19 +-
pages/mobile_web/work/work.vue | 147 ++++++++++++--
.../workshops/components/dress_select.vue | 14 +-
.../workshops/components/editor.vue | 17 +-
pages/mobile_web/workshops/index.vue | 91 +++++++--
9 files changed, 461 insertions(+), 59 deletions(-)
diff --git a/pages/mobile_web/home/home.vue b/pages/mobile_web/home/home.vue
index a4f11b6..5d94df0 100644
--- a/pages/mobile_web/home/home.vue
+++ b/pages/mobile_web/home/home.vue
@@ -50,8 +50,14 @@
+
+
+
+
+
@@ -61,17 +67,17 @@
筛选
-
-
- 收藏
+
+ 收藏
+ :image="item.path">
{{ item.serviceName || '暂无' }}
@@ -79,14 +85,14 @@
做同款
-
+
-
- 收藏
+
+ 收藏
+ :image="item.path">
{{ item.serviceName || '暂无' }}
@@ -94,7 +100,7 @@
做同款
-
+
@@ -117,6 +123,11 @@
import configService from '@/common/config.service.js';
import { tools } from '@/utils/utils.js';
export default {
+ // #ifdef MP
+ options: {
+ styleIsolation: 'shared'
+ },
+ // #endif
props: {
topLevel:{
type: Number,
@@ -238,19 +249,28 @@ export default {
},
// 获取推荐作品列表
async getWorkList(){
+ let that = this;
if(this.recommendForm.isFinish) return;
let res = await this.$api.getRecommend(this.recommendForm);
if(res?.success){
const { records, total, current, size } = res.data;
const result = records;
if(current === 1){
- this.workList = result
+ this.workList = result.map((item)=>{
+ let nowResult = {...item,path: that.getWorkPath(item.path)};
+ if(nowResult.sourcePath) nowResult.sourcePath = that.getWorkPath(item.sourcePath);
+ return nowResult;
+ });
}else{
- this.workList.push(...result);
+ this.workList.push(...result.map((item)=>{
+ let nowResult = {...item,path: that.getWorkPath(item.path)};
+ if(nowResult.sourcePath) nowResult.sourcePath = that.getWorkPath(item.sourcePath);
+ return nowResult;
+ }));
}
this.recommendForm.total = total;
this.recommendForm.isFinish = current*size >= total;
- this.$forceUpdate();
+ // this.$refs.uWaterfall.$forceUpdate();
}else{
this.$refs.uToast.show({type:'error',title: "推荐作品获取失败!"});
}
@@ -508,7 +528,7 @@ export default {
border: 2rpx solid #d5ff00;
border-radius: 25rpx;
background-color: #1a1929;
- .u-icon{
+ .tfcr-sift{
margin: 16rpx 15rpx;
}
}
@@ -523,6 +543,7 @@ export default {
column-gap: 1em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
+ // #ifndef MP
.work-item{
-webkit-column-break-inside: avoid;
break-inside: avoid; /*防止断点*/
@@ -641,6 +662,7 @@ export default {
}
}
}
+ // #endif
}
.last-tip{
color: #d5ff00;
@@ -693,4 +715,140 @@ export default {
width: 80rpx !important;
height: 74rpx !important;
}
+// #ifdef MP
+.show-work{
+ margin-top: 13rpx;
+ width: 100%;
+ // column-count:2;
+ // -moz-column-count:2; /* Firefox */
+ // -webkit-column-count:2; /* Safari 和 Chrome */
+ column-gap: 1em;
+ -moz-column-gap: 1em;
+ -webkit-column-gap: 1em;
+}
+.work-item-odd{
+ margin-right: 0.5em;
+}
+.work-item-even{
+ margin-left: 0.5em;
+}
+.work-item{
+ -webkit-column-break-inside: avoid;
+ break-inside: avoid; /*防止断点*/
+ margin-bottom: 1em;
+ position: relative;
+ padding-top: 13rpx;
+ .work-picture{
+ // border: 0.1em solid #d5ff00;
+ border-radius: 30rpx;
+ // 骗系统开启硬件加速
+ transform: transition3d(0, 0, 0);
+ // 防止图片加载“闪一下”
+ will-change: transform;
+ }
+ .sign{
+ border: none;
+ border-radius: 0;
+ position: absolute;
+ top: 0.8em;
+ left: 0.6em;
+ width: 170rpx;
+ height: 47rpx;
+ }
+ .sign-text{
+ width: 140rpx;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #ffffff;
+ font-size: 28rpx;
+ position: absolute;
+ top: 0.85em;
+ left: 0.9em;
+ z-index: 1;
+ }
+ .work-todo{
+ position: absolute;
+ bottom: 0.85em;
+ right: 0.7em;
+ z-index: 1;
+ border-radius: 12rpx;
+ padding: 14rpx 30rpx;
+ background-color: rgba(0, 0, 0, 0.3);
+ display: flex;
+ align-items: center;
+ text{
+ font-weight: bold;
+ background-image: linear-gradient(to right, #cdfbf2 0%, #a3d4ff 100%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ image{
+ margin-right: 10rpx;
+ width: 34rpx;
+ height: 34rpx;
+ }
+ &:active{
+ opacity: 0.8;
+ }
+ }
+ .compare-sign{
+ position: absolute;
+ left: 0;
+ bottom: 0.2em;
+ width: 120rpx;
+ height: 50%;
+ border: 0.1em solid #d5ff00;
+ border-radius: 20rpx;
+ box-shadow: 0 0 20rpx #eee;
+ // box-shadow: rgba(213, 255, 0, 0.3) 0px 4px 12px;
+ }
+ .ribbon-fadeOutUp{
+ animation-name: fadeOutUp !important;
+ }
+ .collect-ribbon {
+ position: absolute;
+ z-index: 2;
+ margin-top: -13rpx;
+ right: 30rpx;
+ width: 62rpx;
+ padding: 20rpx 14rpx 0;
+ box-sizing: border-box;
+ text-align: center;
+ background: #ff9900;
+ font-size: 25rpx;
+ color: #fff;
+ animation-name: bounceInDown;
+ animation-duration: 0.5s;
+ animation-fill-mode: both;
+
+ &::before,
+ &::after {
+ content: '';
+ position: absolute;
+ }
+
+ &::before {
+ top: 0;
+ left: -10rpx;
+ height: 0;
+ width: 0;
+ border-bottom: 14rpx solid #ff9900;
+ border-left: 12rpx solid transparent;
+ opacity: .8;
+ }
+
+ &::after {
+ height: 0;
+ width: 0;
+ left: 0;
+ bottom: -39rpx;
+ border-left: 31rpx solid #ff9900;
+ border-right: 32rpx solid #ff9900;
+ border-bottom: 43rpx solid transparent;
+ }
+ }
+}
+// #endif
\ No newline at end of file
diff --git a/pages/mobile_web/my/child_pages/contact.vue b/pages/mobile_web/my/child_pages/contact.vue
index 2337e6b..0f180e9 100644
--- a/pages/mobile_web/my/child_pages/contact.vue
+++ b/pages/mobile_web/my/child_pages/contact.vue
@@ -45,7 +45,12 @@
+
提交
+
+
+ 提交
+
@@ -59,6 +64,11 @@