|
@@ -8,7 +8,9 @@ import silder3 from './images/silder3.svg'
|
|
import silder4 from './images/silder4.svg'
|
|
import silder4 from './images/silder4.svg'
|
|
import silder5 from './images/silder5.svg'
|
|
import silder5 from './images/silder5.svg'
|
|
import download from './images/download.png'
|
|
import download from './images/download.png'
|
|
-import publicCode from './images/public-code.jpg'
|
|
|
|
|
|
+import weixin from '@/common/images/weixinCode.jpg'
|
|
|
|
+import studentCode from '@/common/images/studentCode.png'
|
|
|
|
+import teacherCode from '@/common/images/teacherCode.png'
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: 'silder',
|
|
name: 'silder',
|
|
setup() {
|
|
setup() {
|
|
@@ -54,12 +56,12 @@ export default defineComponent({
|
|
</ElPopover> */}
|
|
</ElPopover> */}
|
|
<ElPopover
|
|
<ElPopover
|
|
placement="left"
|
|
placement="left"
|
|
- trigger="hover"
|
|
|
|
|
|
+ trigger="click"
|
|
popper-class="Mopopver"
|
|
popper-class="Mopopver"
|
|
v-slots={{
|
|
v-slots={{
|
|
reference: () => (
|
|
reference: () => (
|
|
<div class={classes.silderItem}>
|
|
<div class={classes.silderItem}>
|
|
- <img src={silder3} />
|
|
|
|
|
|
+ <img src={silder3} />
|
|
<p>APP下载</p>
|
|
<p>APP下载</p>
|
|
<div class={classes.line}></div>
|
|
<div class={classes.line}></div>
|
|
</div>
|
|
</div>
|
|
@@ -68,13 +70,12 @@ export default defineComponent({
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
<div class={classes.codeItem}>
|
|
<div class={classes.codeItem}>
|
|
- <img
|
|
|
|
- src={download}
|
|
|
|
- width="111"
|
|
|
|
- height="111"
|
|
|
|
-
|
|
|
|
- />
|
|
|
|
- <p>扫码下载APP</p>
|
|
|
|
|
|
+ <img src={studentCode} width="111" height="111" />
|
|
|
|
+ <p style={{ 'text-align': 'center' }}>酷乐秀</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class={classes.codeItem}>
|
|
|
|
+ <img src={teacherCode} width="111" height="111" />
|
|
|
|
+ <p style={{ 'text-align': 'center' }}>酷乐秀学院</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ElPopover>
|
|
</ElPopover>
|
|
@@ -85,7 +86,7 @@ export default defineComponent({
|
|
v-slots={{
|
|
v-slots={{
|
|
reference: () => (
|
|
reference: () => (
|
|
<div class={classes.silderItem}>
|
|
<div class={classes.silderItem}>
|
|
- <img src={silder1} />
|
|
|
|
|
|
+ <img src={silder1} />
|
|
<p>关注微信</p>
|
|
<p>关注微信</p>
|
|
<div class={classes.wall}></div>
|
|
<div class={classes.wall}></div>
|
|
</div>
|
|
</div>
|
|
@@ -94,29 +95,21 @@ export default defineComponent({
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
<div class={classes.codeItem}>
|
|
<div class={classes.codeItem}>
|
|
- <img
|
|
|
|
- src={publicCode}
|
|
|
|
- width="111"
|
|
|
|
- height="111"
|
|
|
|
-
|
|
|
|
- />
|
|
|
|
|
|
+ <img src={weixin} width="111" height="111" />
|
|
<p>微信订阅号</p>
|
|
<p>微信订阅号</p>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</ElPopover>
|
|
</ElPopover>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{state.showgo ? (
|
|
{state.showgo ? (
|
|
<div class={classes.goTop} onClick={gotop}>
|
|
<div class={classes.goTop} onClick={gotop}>
|
|
- <img src={silder5} />
|
|
|
|
|
|
+ <img src={silder5} />
|
|
回到顶部
|
|
回到顶部
|
|
</div>
|
|
</div>
|
|
) : (
|
|
) : (
|
|
''
|
|
''
|
|
)}
|
|
)}
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</>
|
|
</>
|
|
)
|
|
)
|