Skip to content

I
intel_promotion_uniapp
Commit 1baeabb4 authored by 杨硕's avatar 杨硕
Browse files
Options

对接接口

parent d2bfb2ee
Hide whitespace changes
Inline Side-by-side
Showing with 237 additions and 0 deletions
pages/myArticle/index.vue 0 → 100644
View file @ 1baeabb4
<template>
<view class="top">
<view v-for="(item,index) in hotList" :key="index" class="indexcard">
<image class="cardimage" :src="item.path" @click="toDetail(item.id)"></image>
<view class="cardtitle" @click="toDetail(item.id)">
<view class="cardtitle1">{{item.title}}</view>
<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
<!-- <view class="cardtitle3">￥{{formatPrice(item.price)}}</view>-->
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
hotList: [
{
'title': '11111',
'details': '1111',
'path': '11111'
},
{
'title': '11111',
'details': '1111',
'path': '11111'
},
{
'title': '11111',
'details': '1111',
'path': '11111'
},
{
'title': '11111',
'details': '1111',
'path': '11111'
},
{
'title': '11111',
'details': '1111',
'path': '11111'
}
]
}
},
onLoad() {
this.init()
},
methods: {
init(){
},
toDetail(id){
}
}
}
</script>
<style>
.top{
padding: 30rpx 0;
}
.indexcard{
/* height: 127px; */
background: #FFFFFF;
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.06);
border-radius: 12px 12px 12px 12px;
display: flex;
margin: 0 30rpx 22rpx 30rpx;
/* margin-bottom: 22rpx; */
padding: 22rpx;
}
.cardimage{
width: 210rpx !important;
height: 210rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 22rpx;
/* margin: 22rpx; */
}
.cardtitle{
width: 414rpx;
}
.cardtitle1{
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
/* margin-bottom: 30rpx; */
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
</style>
\ No newline at end of file
pages/myVedio/index.vue 0 → 100644
View file @ 1baeabb4
<template>
<view class="top">
<view v-for="(item,index) in hotList" :key="index" class="indexcard">
<image class="cardimage" :src="item.path" @click="toDetail(item.id)"></image>
<view class="cardtitle" @click="toDetail(item.id)">
<view class="cardtitle1">{{item.title}}</view>
<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
<!-- <view class="cardtitle3">￥{{formatPrice(item.price)}}</view>-->
</view>
</view>
<!-- <view>
<video
id="myVideo"
src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
@error="videoErrorCallback"
controls></video>
</view> -->
</view>
</template>
<script>
export default {
data() {
return {
hotList: [
{
'title': '11111',
'details': '1111',
'path': 'http://106.3.99.36:20083/intelServer/newInformation/20240607/C866A367676C45E79A1776ED34F6722A.png'
},
{
'title': '11111',
'details': '1111',
'path': 'http://106.3.99.36:20083/intelServer/newInformation/20240607/C866A367676C45E79A1776ED34F6722A.png'
},
{
'title': '11111',
'details': '1111',
'path': 'http://106.3.99.36:20083/intelServer/newInformation/20240607/C866A367676C45E79A1776ED34F6722A.png'
},
{
'title': '11111',
'details': '1111',
'path': 'http://106.3.99.36:20083/intelServer/newInformation/20240607/C866A367676C45E79A1776ED34F6722A.png'
},
{
'title': '11111',
'details': '1111',
'path': 'http://106.3.99.36:20083/intelServer/newInformation/20240607/C866A367676C45E79A1776ED34F6722A.png'
}
],
src: 'http://vjs.zencdn.net/v/oceans.mp4', // 视频地址
controls: true, // 是否显示控制条
autoplay: false, // 是否自动播放
}
},
onLoad() {
this.init()
},
onReady: function(res) {
// #ifndef MP-ALIPAY
this.videoContext = uni.createVideoContext('myVideo')
// #endif
},
methods: {
init(){
},
toDetail(id){
}
}
}
</script>
<style>
.top{
padding: 30rpx 0;
}
.indexcard{
/* height: 127px; */
background: #FFFFFF;
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.06);
border-radius: 12px 12px 12px 12px;
display: flex;
margin: 0 30rpx 22rpx 30rpx;
/* margin-bottom: 22rpx; */
padding: 22rpx;
}
.cardimage{
width: 210rpx !important;
height: 210rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 22rpx;
/* margin: 22rpx; */
}
.cardtitle{
width: 414rpx;
}
.cardtitle1{
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
/* margin-bottom: 30rpx; */
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment