修改海报
This commit is contained in:
parent
94f9e63735
commit
22271448ac
@ -59,7 +59,7 @@
|
||||
keyName="avatar" size="30" gap="0.3" :maxCount="3"></u-avatar-group>
|
||||
<image
|
||||
src="/static/index/dian.png"
|
||||
:class="detail.join_info.users.length > 0 ? '' :'smalld'"
|
||||
:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' :'smalld'"
|
||||
style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"
|
||||
></image>
|
||||
</view>
|
||||
@ -198,55 +198,31 @@
|
||||
|
||||
<!-- 分享海报 -->
|
||||
<u-overlay :show="overlay" class="pos">
|
||||
<view class="btnList">
|
||||
<span class="save" @click.stop="save()">保 存 海 报</span>
|
||||
<!-- <span class="sharePoster" @click.stop="sharePoster()">
|
||||
分 享
|
||||
</span> -->
|
||||
<button open-type="share" class="no-border-button" plain="true">
|
||||
<span>分 享 发 布</span>
|
||||
</button>
|
||||
</view>
|
||||
<view class="Poster" style="z-index: 9999;height: 1230rpx;">
|
||||
<span class="posterClose" @click.stop="overlay = false">
|
||||
|
||||
<view class="Poster">
|
||||
<span class="posterClose" @click="closeoo">
|
||||
<image src="../../static/center/close.png" mode="" style="width: 64rpx;height: 64rpx;"></image>
|
||||
</span>
|
||||
<image :src="path" mode="widthFix" style="width: 661rpx;height: 1075rpx;"></image>
|
||||
<l-painter isCanvasToTempFilePath ref="painter" @success="(path = $event)"
|
||||
css="width: 661rpx;height:1075rpx; padding-bottom: 40rpx; background-image: url('https://naweigetetest2.hschool.com.cn/uploads/20250512/cab87804899539e37ef155163ab12b54.png')">
|
||||
|
||||
<image :src="path" mode="widthFix" style="width: 690rpx;height: 1230rpx;"></image>
|
||||
<l-painter isCanvasToTempFilePath ref="painter" @success="path = $event" hidden
|
||||
css="width: 750rpx;height:1230rpx; padding-bottom: 40rpx; background-image: url('https://testy.hschool.com.cn//uploads/20241219/6f46474364fe7ae36295cb8d96854b52.png')">
|
||||
<l-painter-image :src="userInfo.avatar"
|
||||
css="margin-left: 40rpx; margin-top: 100rpx; width: 90rpx; height: 90rpx; border-radius: 50%;" />
|
||||
<l-painter-view css="margin-top: 100rpx; padding-left: 20rpx; display: inline-block">
|
||||
<l-painter-text :text="userInfo.realname || userInfo.nickname"
|
||||
css="display: block; padding-bottom: 10rpx; color: #181818; font-size: 34rpx; fontWeight: bold" />
|
||||
<l-painter-text text="邀请您一起上课" css="color: #7A7A7A; font-size: 24rpx" />
|
||||
</l-painter-view>
|
||||
<l-painter-view
|
||||
css="margin-left: 35rpx; margin-top: 24rpx; padding: 32rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; width: 690rpx; box-shadow: 0 20rpx 58rpx rgba(0,0,0,.15)">
|
||||
<l-painter-image :src="detail.headimage"
|
||||
<l-painter-image :src="detail.user.avatar"
|
||||
css="object-fit: cover; object-position: 50% 50%; width: 626rpx; height: 448rpx; border-radius: 12rpx;" />
|
||||
|
||||
<l-painter-view css=" width: 626rpx;display: flex;alignItems: center;">
|
||||
<l-painter-view>
|
||||
<l-painter-view
|
||||
css="margin-top: 32rpx; color: #FF0000; font-weight: bold; font-size: 28rpx; line-height: 1em;">
|
||||
<l-painter-text text="￥" css="vertical-align: bottom;font-size: 42rpx"
|
||||
v-if="detail.feel == 0" />
|
||||
<l-painter-text :text="detail.price" css="vertical-align: bottom; font-size: 58rpx"
|
||||
v-if="detail.feel == 0" />
|
||||
<l-painter-text text="免费" css="vertical-align: bottom;font-size: 42rpx"
|
||||
v-if="detail.feel == 1" />
|
||||
</l-painter-view>
|
||||
<l-painter-view css="margin-top: 24rpx;">
|
||||
<l-painter-text :text="formattedTitle" css="color: #343434;font-size: 36rpx;" />
|
||||
</l-painter-view>
|
||||
<l-painter-text
|
||||
css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block; width: 380rpx; padding-right:32rpx; box-sizing: border-box"
|
||||
:text="'讲师:' + detail.teacher.name"></l-painter-text>
|
||||
:text="detail.price"></l-painter-text>
|
||||
<l-painter-text
|
||||
css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block;margin-bottom:30rpx; width: 380rpx; padding-right:32rpx; box-sizing: border-box"
|
||||
:text="detail.address_detail"></l-painter-text>
|
||||
:text="detail.address"></l-painter-text>
|
||||
</l-painter-view>
|
||||
<l-painter-view css="margin-top: 24rpx;">
|
||||
<l-painter-qrcode css="width: 200rpx; height: 200rpx;" :text="qrUrl"></l-painter-qrcode>
|
||||
@ -256,6 +232,15 @@
|
||||
</l-painter-view>
|
||||
</l-painter>
|
||||
</view>
|
||||
<view class="btnList">
|
||||
<span class="save" @click.stop="save()">保 存 海 报</span>
|
||||
<!-- <span class="sharePoster" @click.stop="sharePoster()">
|
||||
分 享
|
||||
</span> -->
|
||||
<button open-type="share" class="no-border-button" plain="true">
|
||||
<span>分 享 发 布</span>
|
||||
</button>
|
||||
</view>
|
||||
</u-overlay>
|
||||
|
||||
</view>
|
||||
@ -270,12 +255,12 @@
|
||||
} from '../../utils/dateFormat'
|
||||
export default {
|
||||
computed: {
|
||||
// formattedTitle() {
|
||||
// if (this.detail.title.length > 9) {
|
||||
// return this.detail.title.slice(0, 9) + '..';
|
||||
// }
|
||||
// return this.detail.title;
|
||||
// },
|
||||
formattedTitle() {
|
||||
if (this.detail.title.length > 9) {
|
||||
return this.detail.title.slice(0, 9) + '..';
|
||||
}
|
||||
return this.detail.title;
|
||||
},
|
||||
formattedTimeList() {
|
||||
return this.timeList.map(item => {
|
||||
const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
|
||||
@ -308,7 +293,7 @@
|
||||
scrollTop: 0,
|
||||
overlay: false,
|
||||
userInfo: {},
|
||||
path: 'https://testy.hschool.com.cn//uploads/20241219/3406baf51fcc28c63c31ebcee5c9c75e.jpg',
|
||||
path: '',
|
||||
uloadingShow: false,
|
||||
show: false,
|
||||
buyShow: false,
|
||||
@ -374,7 +359,9 @@
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
closeoo(){
|
||||
this.overlay = false;
|
||||
},
|
||||
overlayShow() {
|
||||
const token = uni.getStorageSync('token')
|
||||
if (token) {
|
||||
@ -438,11 +425,11 @@
|
||||
}
|
||||
},
|
||||
|
||||
// sharePoster() {
|
||||
// //获取带参数二维码并传递
|
||||
// this.is_show_model = false
|
||||
// this.$refs.poster.showCanvas()
|
||||
// },
|
||||
sharePoster() {
|
||||
//获取带参数二维码并传递
|
||||
this.is_show_model = false
|
||||
this.$refs.poster.showCanvas()
|
||||
},
|
||||
|
||||
// 获取课时规格
|
||||
getTime() {
|
||||
@ -1494,6 +1481,7 @@
|
||||
top: 21rpx;
|
||||
left: 30rpx;
|
||||
width: 690rpx;
|
||||
height: 1200rpx;
|
||||
}
|
||||
|
||||
.posterClose {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user