商家邀请按钮覆盖文字、顶部文字按钮排列

This commit is contained in:
丁杰 2026-04-10 12:08:20 +08:00
parent fcf1a4ed5e
commit 1ed3b8eec4
8 changed files with 1248 additions and 1175 deletions

View File

@ -138,6 +138,8 @@ export default {
font-size: 30rpx; font-size: 30rpx;
color: var(--inactive-color); color: var(--inactive-color);
transition: color 0.2s; transition: color 0.2s;
white-space: nowrap;
} }
/* 激活色使用CSS变量 --active-color */ /* 激活色使用CSS变量 --active-color */

View File

@ -937,6 +937,12 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},
{
"path": "pages/shop/skill-detail",
"style": {
"navigationBarTitleText": "拍摄技巧"
}
} }

View File

@ -105,9 +105,10 @@
<view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像发布商品等场景中所需内容</view> <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像发布商品等场景中所需内容</view>
</view> </view>
<video v-show="videoPlay" :src="videoUrl" controls id="myvideo" style="height: 0; width: 0; position: absolute; top: -999rpx; left: -999rpx;" <video v-show="videoPlay" :src="videoUrl" controls id="myvideo"
style="height: 0; width: 0; position: absolute; top: -999rpx; left: -999rpx;"
@fullscreenchange="screenChange"></video> @fullscreenchange="screenChange"></video>
<uv-divider></uv-divider> <uv-divider></uv-divider>
</view> </view>
</template> </template>
@ -122,7 +123,7 @@
}, },
data() { data() {
return { return {
videoContext:null, videoContext: null,
videoPlay: false, videoPlay: false,
videoUrl: "", videoUrl: "",
disabled: false, disabled: false,
@ -232,35 +233,55 @@
async submitPhoto() { async submitPhoto() {
// 1. return // 1. return
if (this.isSubmitting) return; if (this.isSubmitting) return;
console.log(this.formData,'this.formData'); console.log(this.formData, 'this.formData');
// 2. // 2.
if (!this.formData.url) { if (!this.formData.url) {
if(this.formData.type==1){ if (this.formData.type == 1) {
if(this.formData.class_type==1){ if (this.formData.class_type == 1) {
uni.showToast({ uni.showToast({
title: '请先上传店铺主图', title: '请先上传店铺主图',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}else if(this.formData.class_type==2){ } else if (this.formData.class_type == 2) {
uni.showToast({ uni.showToast({
title: '请先上传环境图片', title: '请先上传环境图片',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}else if(this.formData.class_type==3){ } else if (this.formData.class_type == 3) {
uni.showToast({ uni.showToast({
title: '请先上传作品图片', title: '请先上传作品图片',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
} else {
uni.showToast({
title: '请先上传其它图片',
icon: 'none',
duration: 2000
});
}
} else if (this.formData.type == 2) {
if (this.formData.class_type == 1) {
uni.showToast({
title: '请先上传店铺主视频',
icon: 'none',
duration: 2000
});
} else {
uni.showToast({
title: '请先上传其它视频',
icon: 'none',
duration: 2000
});
} }
} }
uni.showToast({ // uni.showToast({
title: '请先上传图片/视频', // title: '/',
icon: 'none', // icon: 'none',
duration: 2000 // duration: 2000
}); // });
return return
} }
if (!this.formData.name || this.formData.name.trim() === '') { if (!this.formData.name || this.formData.name.trim() === '') {
@ -390,7 +411,7 @@
uni.showLoading({ uni.showLoading({
title: '上传中' title: '上传中'
}) })
console.log(this.formData,'============================='); console.log(this.formData, '=============================');
if (this.formData.type == 1) { if (this.formData.type == 1) {
res = await uploadImage.handleUpload(this.userInfo.id, 3); res = await uploadImage.handleUpload(this.userInfo.id, 3);
} else { } else {

View File

@ -1,15 +1,17 @@
<template> <template>
<view class="container"> <view class="container">
<custom-navbar title="店铺视频" :leftImg="'/static/images/back.png'" :showUser="true" backgroundColor="#fff" <custom-navbar :title="pagestitle" :leftImg="'/static/images/back.png'" :showUser="true" backgroundColor="#fff"
titleColor="#000" borderBottom="none"></custom-navbar> titleColor="#000" borderBottom="none"></custom-navbar>
<view class="container-titles flex-row-center-between"> <view class="container-titles flex-row-center-between">
<view class="titles-left"> <view class="titles-left">
<view class="titles-bar"></view> <view class="titles-bar"></view>
<text class="titles-title">我的资料</text> <text class="titles-title">我的资料</text>
</view> </view>
<view class="titles-right"> <view class="titles-right" @click="todetail">
<text class="titles-text">展示位置及拍摄技巧</text> <text class="titles-text">展示位置及拍摄技巧</text>
<image src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b153e8d5-37b1-4205-a4a1-9f6603f30c2a.png" mode="widthFix" style="width: 24rpx;margin-top: 2rpx;margin-left: 6rpx;"></image> <image
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b153e8d5-37b1-4205-a4a1-9f6603f30c2a.png"
mode="widthFix" style="width: 24rpx;margin-top: 4rpx;margin-left: 6rpx;"></image>
</view> </view>
</view> </view>
<view class="container-card" v-for="(item,index) in cardList[type]" :key="index"> <view class="container-card" v-for="(item,index) in cardList[type]" :key="index">
@ -114,17 +116,30 @@
}, },
type: 2, //1 2 type: 2, //1 2
pagestitle: '店铺图片'
} }
}, },
async onShow() { async onShow() {
await this.getList() await this.getList()
}, },
async onLoad(options) { async onLoad(options) {
console.log(options, 'options');
if (options.type) { if (options.type) {
this.type = options.type this.type = options.type
if (this.type == 1) {
this.pagestitle = '店铺图片'
} else {
this.pagestitle = "店铺视频"
}
} }
}, },
methods: { methods: {
todetail() {
console.log('详情');
uni.navigateTo({
url:'/pages/shop/skill-detail'
})
},
getItem(item) { getItem(item) {
let obj = { let obj = {
name: "", name: "",
@ -143,7 +158,7 @@
return obj return obj
}, },
goList(id) { goList(id) {
console.log(id,'ididididididi'); console.log(id, 'ididididididi');
uni.navigateTo({ uni.navigateTo({
url: `/pages/shop/photoAlbum/videoList?id=${id}&type=${this.type}` url: `/pages/shop/photoAlbum/videoList?id=${id}&type=${this.type}`
}); });
@ -158,7 +173,7 @@
}, },
goAdd(id, item) { goAdd(id, item) {
if (this.type == 1) { if (this.type == 1) {
if ( this.imgVideoList[id] && this.imgVideoList[id].length >= 21) { if (this.imgVideoList[id] && this.imgVideoList[id].length >= 21) {
uni.showToast({ uni.showToast({
title: '最多上传20张图片', title: '最多上传20张图片',
icon: 'none', icon: 'none',
@ -167,9 +182,9 @@
return return
} }
} else if (this.type == 2) { } else if (this.type == 2) {
if ( this.imgVideoList[id] && this.imgVideoList[id].length >= 10) { if (this.imgVideoList[id] && this.imgVideoList[id].length >= 10) {
uni.showToast({ uni.showToast({
title: '最多上10张视频', title: '最多上10张视频',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
@ -258,6 +273,7 @@
.titles-right { .titles-right {
display: flex; display: flex;
.titles-text { .titles-text {
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;

View File

@ -183,7 +183,7 @@
} else if (this.type == 2) { } else if (this.type == 2) {
if (this.imgVideoList.length >= 10) { if (this.imgVideoList.length >= 10) {
uni.showToast({ uni.showToast({
title: '最多上传10张视频', title: '最多上10个视频',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });

View File

@ -0,0 +1,26 @@
<template>
<view>
</view>
</template>
<script>
import request from "@/utils/request";
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>

View File

@ -12,7 +12,7 @@
<searchBox placeholder="请输入员工手机号" class="searchBox" v-model="queryData.phone" bgClor="transparent" @confirm="search" <searchBox placeholder="请输入员工手机号" class="searchBox" v-model="queryData.phone" bgClor="transparent" @confirm="search"
@search="search"> @search="search">
</searchBox> </searchBox>
<scroll-view scroll-y :style="{ height:`calc(100vh - ${statusBarHeight + 200}rpx)`} "> <scroll-view :style="{ height:`calc(100vh - ${statusBarHeight + 200}rpx)`} ">
<view class="page-container" v-if="sryDetail && sryDetail.id"> <view class="page-container" v-if="sryDetail && sryDetail.id">
<!-- 个人信息栏 --> <!-- 个人信息栏 -->
<view class="user-info"> <view class="user-info">
@ -75,6 +75,7 @@
<view class="agreement-footer" @click="sjinvitesyr" v-if="sryDetail && sryDetail.id && sryDetail.bind_state!=1"> <view class="agreement-footer" @click="sjinvitesyr" v-if="sryDetail && sryDetail.id && sryDetail.bind_state!=1">
<view class="agreement-btn">邀请员工</view> <view class="agreement-btn">邀请员工</view>
</view> </view>
<!-- <view class="" style="height: 98rpx;background-color: aquamarine;"></view> -->
</scroll-view> </scroll-view>
</view> </view>
</template> </template>
@ -428,7 +429,6 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: #ffffff; background-color: #ffffff;
.agreement-btn { .agreement-btn {
width: 710rpx; width: 710rpx;
height: 98rpx; height: 98rpx;

View File

@ -69,7 +69,7 @@
if (options.syrid) { if (options.syrid) {
this.sjservers(Number(options.syrid)); this.sjservers(Number(options.syrid));
} else { } else {
this.serviceList = this.$store.state.sjServiceList; this.serviceList = JSON.parse(JSON.stringify(this.$store.state.sjServiceList))
} }
this.sjfirstclass(); this.sjfirstclass();
}, },
@ -80,8 +80,10 @@
}, },
methods: { methods: {
changeType(item){ changeType(item){
if(this.isBack==0){ if(this.isBack==0){
item.is_choice = !item.is_choice item.is_choice = !item.is_choice
console.log(this.$store.state.sjServiceList,'this.$store.state.sjServiceList');
} }
}, },