62 lines
1.5 KiB
Vue
62 lines
1.5 KiB
Vue
<template>
|
|
<view class="content">
|
|
<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"
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: [
|
|
{ id: 1, title: "测试1" },
|
|
{ id: 2, title: "测试2" },
|
|
{ id: 3, title: "测试3" },
|
|
],
|
|
};
|
|
},
|
|
created() {
|
|
this.getIndex();
|
|
},
|
|
onLoad() {},
|
|
methods: {
|
|
async getIndex() {
|
|
let res = await this.$http.index.getIndex({
|
|
id: 455,
|
|
});
|
|
console.log(res);
|
|
},
|
|
enterInfo(item) {
|
|
uni.navigateTo({
|
|
url: `/pages/Info/Info?id=${item.id}`,
|
|
});
|
|
},
|
|
},
|
|
components: {
|
|
videoComponents
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import "../../common/less/page/index.less";
|
|
</style>
|