81 lines
2.0 KiB
Vue
81 lines
2.0 KiB
Vue
<template>
|
|
<view class="content">
|
|
<swiperComponents :list="test"></swiperComponents>
|
|
<videoComponents
|
|
src="https://d2zihajmogu5jn.cloudfront.net/sintel/rendition/rendition.m3u8?assetId=4034862675001&videoId=4034552795001"
|
|
></videoComponents>
|
|
<image class="logo" src="/static/logo.png"></image>
|
|
<ul>
|
|
<li v-for="(item, index) in list" :key="index" @click="enterInfo(item)">
|
|
{{ item.title }}
|
|
</li>
|
|
</ul>
|
|
<uni-collapse accordion="true">
|
|
<uni-collapse-item title="标题文字">
|
|
<view style="padding: 30rpx"> 手风琴效果 </view>
|
|
</uni-collapse-item>
|
|
<uni-collapse-item title="标题文字">
|
|
<view style="padding: 30rpx"> 手风琴效果 </view>
|
|
</uni-collapse-item>
|
|
<uni-collapse-item title="标题文字">
|
|
<view style="padding: 30rpx"> 手风琴效果 </view>
|
|
</uni-collapse-item>
|
|
</uni-collapse>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import videoComponents from "../../components/video";
|
|
import swiperComponents from "../../components/swiper";
|
|
export default {
|
|
data() {
|
|
return {
|
|
test: [
|
|
{ url: 'https://zbhresources.ahtv.cn/app/uploads/202003/13/iOS_493662ea30aa7c4bede66a055ae82f3b.png' },
|
|
{ url: 'https://zbhresources.ahtv.cn/app/uploads/202003/13/iOS_152e3d7660b8d0be3d32203a0f6b2263.png' }
|
|
],
|
|
list: [
|
|
{ id: 1, title: "测试1" },
|
|
{ id: 2, title: "测试2" },
|
|
{ id: 3, title: "测试3" },
|
|
],
|
|
};
|
|
},
|
|
created() {
|
|
this.radio();
|
|
},
|
|
onLoad() {},
|
|
methods: {
|
|
async getIndex() {
|
|
let res = await this.$http.index.getIndex({
|
|
id: 455,
|
|
});
|
|
console.log(res);
|
|
},
|
|
|
|
|
|
|
|
async radio() {
|
|
let aaa = await this.$http.index.radio();
|
|
console.log(aaa);
|
|
},
|
|
|
|
|
|
|
|
enterInfo(item) {
|
|
uni.navigateTo({
|
|
url: `/pages/Info/Info?id=${item.id}`,
|
|
});
|
|
},
|
|
},
|
|
components: {
|
|
videoComponents,
|
|
swiperComponents
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import "../../common/less/page/index.less";
|
|
</style>
|