|
@@ -18,6 +18,9 @@ export const getAssetsHomeFile = (fileName: string) => {
|
|
|
export default defineComponent({
|
|
|
name: 'share-item',
|
|
|
props: {
|
|
|
+ id: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
teacherId: {
|
|
|
type: Number
|
|
|
},
|
|
@@ -43,74 +46,12 @@ export default defineComponent({
|
|
|
},
|
|
|
computed: {
|
|
|
getString() {
|
|
|
- const tempalte = {
|
|
|
- live: [
|
|
|
- {
|
|
|
- title: '精品必修课程来啦~~~',
|
|
|
- content: '优秀的老师能帮助您快速成长',
|
|
|
- tips: '多种技巧干货分享'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '零基础学习,让你轻松上手就能演奏',
|
|
|
- content: '听说快乐和可爱都会传染,让课程变得更轻松',
|
|
|
- tips: '强烈推荐'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '优秀是一种习惯,越早养成越好',
|
|
|
- content: '快来提升自己,让自己更优秀',
|
|
|
- tips: '这套课程不错哟!推荐给你~'
|
|
|
- }
|
|
|
- ],
|
|
|
- music: [
|
|
|
- {
|
|
|
- title: '科学练习,有助于水平快速提升',
|
|
|
- content: '随时陪伴,让你的练习更加轻松',
|
|
|
- tips: '这首曲子很不错!推荐给你~'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '没有天赋异禀,优秀的人总是努力翻山越岭',
|
|
|
- content: '只有反复练习才能在台上游刃有余',
|
|
|
- tips: '这首曲子不错哟,推荐给你~'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '海量乐谱,欢迎大家来围观',
|
|
|
- content: '每一首作品,都有一颗精心策划的心',
|
|
|
- tips: '这首曲子不错哟,推荐给你~'
|
|
|
- }
|
|
|
- ],
|
|
|
- mall: [
|
|
|
- {
|
|
|
- title: '开业大吉,火力全开',
|
|
|
- content: '做最稳定的品质,给最优惠的价格',
|
|
|
- tips: '好物推荐,优惠多多'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '新品嗨购,优惠不停',
|
|
|
- content: '有品质才会热爱,有诚信才会信赖',
|
|
|
- tips: '好物推荐,优惠多多'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '精选优惠产品来啦~',
|
|
|
- content: '快来选购一件适合你的乐器吧~',
|
|
|
- tips: '好物推荐,优惠多多'
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- let selectItem: any = []
|
|
|
if (this.shareType === 'music') {
|
|
|
- selectItem = tempalte.music
|
|
|
+ return '这首曲目挺不错!推荐给你~'
|
|
|
} else if (this.shareType === 'mall') {
|
|
|
- selectItem = tempalte.mall
|
|
|
+ return '这件商品挺不错!推荐给你~'
|
|
|
} else {
|
|
|
- selectItem = tempalte.live
|
|
|
- }
|
|
|
-
|
|
|
- if (this.showType === 'yellow') {
|
|
|
- return selectItem[1]
|
|
|
- } else if (this.showType === 'pink') {
|
|
|
- return selectItem[2]
|
|
|
- } else {
|
|
|
- return selectItem[0]
|
|
|
+ return '这个课程挺不错!推荐给你~'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -130,20 +71,18 @@ export default defineComponent({
|
|
|
render() {
|
|
|
return (
|
|
|
<div
|
|
|
+ id={this.id}
|
|
|
class={[
|
|
|
styles.shareSection,
|
|
|
styles.shareContainer,
|
|
|
+ styles[this.shareType],
|
|
|
styles[this.showType]
|
|
|
]}
|
|
|
- id="share-preview-container"
|
|
|
>
|
|
|
- <div class={styles.shareTitle}>
|
|
|
- <p class={styles.title} v-html={this.getString?.title}></p>
|
|
|
- <p class={styles.titleTip}>{this.getString?.content}</p>
|
|
|
+ <div class={styles.shareContent}>
|
|
|
+ {this.$slots.default && this.$slots.default()}
|
|
|
</div>
|
|
|
|
|
|
- {this.$slots.default && this.$slots.default()}
|
|
|
-
|
|
|
<Cell
|
|
|
center
|
|
|
border={false}
|
|
@@ -157,15 +96,6 @@ export default defineComponent({
|
|
|
style={{ objectFit: 'cover' }}
|
|
|
crossorigin="anonymous"
|
|
|
/>
|
|
|
- {/* <div
|
|
|
- class={styles.img}
|
|
|
- style={{
|
|
|
- background: `url(${
|
|
|
- state.user.data.heardUrl ? this.heardUrl : iconTeacher
|
|
|
- }) no-repeat center`,
|
|
|
- backgroundSize: 'cover'
|
|
|
- }}
|
|
|
- ></div> */}
|
|
|
<img
|
|
|
class={styles.recommend}
|
|
|
src={getAssetsHomeFile('recommend.png')}
|
|
@@ -174,7 +104,7 @@ export default defineComponent({
|
|
|
),
|
|
|
title: () => (
|
|
|
<div>
|
|
|
- <p class={styles.name}>{this.getString?.tips}</p>
|
|
|
+ <p class={styles.name}>{this.getString}</p>
|
|
|
<p class={styles.titleTips}>
|
|
|
<span>{state.user.data.username}</span>
|
|
|
酷乐秀入驻老师
|