保存1020
This commit is contained in:
parent
f1f7fa2673
commit
cdc45140f8
6
app.js
6
app.js
|
|
@ -11,7 +11,8 @@ App({
|
||||||
success: res => {
|
success: res => {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
wx.request({
|
wx.request({
|
||||||
url: 'https://www.umayle.com/weixin_api/API/Wx/User/GetUserInfo.ashx?appName=Inland&code='+res.code,
|
// url: 'https://www.umayle.com/weixin_api/API/Wx/User/GetUserInfo.ashx?appName=Inland&code='+res.code,
|
||||||
|
url: ''+res.code,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
success:(_res)=>{
|
success:(_res)=>{
|
||||||
console.log(_res);
|
console.log(_res);
|
||||||
|
|
@ -19,7 +20,8 @@ App({
|
||||||
this.globalData.openId = openId
|
this.globalData.openId = openId
|
||||||
console.log('openid',openId);
|
console.log('openid',openId);
|
||||||
wx.request({
|
wx.request({
|
||||||
url: 'https://www.umayle.com/inland/Api/GetUserInfo.ashx?openId='+openId,
|
// url: 'https://www.umayle.com/inland/Api/GetUserInfo.ashx?openId='+openId,
|
||||||
|
url: ''+openId,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
success:(_res_)=>{
|
success:(_res_)=>{
|
||||||
console.log(_res_,',,,res');
|
console.log(_res_,',,,res');
|
||||||
|
|
|
||||||
9
app.json
9
app.json
|
|
@ -1,8 +1,13 @@
|
||||||
{
|
{
|
||||||
"pages": [
|
"pages": [
|
||||||
|
"pages/list/list",
|
||||||
|
"pages/item/item",
|
||||||
"pages/start/start",
|
"pages/start/start",
|
||||||
"pages/index/index",
|
"pages/index/index"
|
||||||
"pages/list/list"
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
],
|
],
|
||||||
"window": {
|
"window": {
|
||||||
"backgroundTextStyle": "light",
|
"backgroundTextStyle": "light",
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,8 @@ Page({
|
||||||
if (wx.getUserProfile) {
|
if (wx.getUserProfile) {
|
||||||
//https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/dist/index.html
|
//https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/dist/index.html
|
||||||
//let url = 'https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/dist/index.html?openId='+options.openId+'&page='+options.page;
|
//let url = 'https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/dist/index.html?openId='+options.openId+'&page='+options.page;
|
||||||
let url = 'https://www.umayle.com/inland/dist/index.html?openId='+options.openId+'&page='+options.page;
|
// let url = 'https://www.umayle.com/inland/dist/index.html?openId='+options.openId+'&page='+options.page;
|
||||||
|
let url = ''+options.openId+'&page='+options.page;
|
||||||
console.log(url);
|
console.log(url);
|
||||||
this.setData({
|
this.setData({
|
||||||
openId: options.openId,
|
openId: options.openId,
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,50 @@
|
||||||
|
// pages/item/item.js
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
title: '',
|
||||||
|
loading: true,
|
||||||
|
movie: {},
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad: function (options) {
|
||||||
|
const _this = this;
|
||||||
|
// 拼接请求url
|
||||||
|
// const url = 'https://api.douban.com/v2/movie/subject/' + options.id;
|
||||||
|
// // 请求数据
|
||||||
|
// wx.request({
|
||||||
|
// url: url,
|
||||||
|
// data: {},
|
||||||
|
// header: {
|
||||||
|
// 'content-type': 'json' // 默认值
|
||||||
|
// },
|
||||||
|
// success:function(res) {
|
||||||
|
// // 赋值
|
||||||
|
// _this.setData({
|
||||||
|
// movie: res.data,
|
||||||
|
// loading: false // 隐藏等待框
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
_this.setData({
|
||||||
|
movie: {title:'日本7.2级地震',images:'111',year:'2022年7月7日',average:'17：00：00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',directors:'111',name:'111',casts:'111',directors:'111',summary:'1111'},
|
||||||
|
loading: false // 隐藏等待框
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady: function () {
|
||||||
|
// 修改导航栏标题
|
||||||
|
wx.setNavigationBarTitle({
|
||||||
|
title: this.data.title + '<<预警信息<<详情'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!--pages/item/item.wxml-->
|
||||||
|
<!--详情页-->
|
||||||
|
<!--等待框-->
|
||||||
|
<loading hidden="{{!loading}}">加载中...</loading>
|
||||||
|
<!--滚动列表-->
|
||||||
|
<scroll-view scroll-y="true" wx:if="{{movie.title}}">
|
||||||
|
<view class='meta'>
|
||||||
|
<!-- <image src='{{movie.images}}' background-size="cover"></image> -->
|
||||||
|
<view class='poster'>
|
||||||
|
<video
|
||||||
|
id="myVideo"
|
||||||
|
src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
|
||||||
|
danmu-list="{{danmuList}}"
|
||||||
|
enable-danmu
|
||||||
|
danmu-btn
|
||||||
|
controls
|
||||||
|
></video>
|
||||||
|
</view>
|
||||||
|
<view class='main'>
|
||||||
|
<text class='title'>{{movie.title}}({{movie.year}})</text>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<text class='info'>描述：{{movie.average}}</text>
|
||||||
|
<!-- <text class='info'>导演：<block wx:for="{{movie.directors}}" wx:key="id">{{movie.name}}</block></text>
|
||||||
|
<text class='info'>主演：<block wx:for="{{movie.casts}}" wx:key="id">{{movie.name}}</block></text> -->
|
||||||
|
<!-- <view class='summary'>
|
||||||
|
<text class='label'>摘要：</text>
|
||||||
|
<text class='content'>{{movie.summary}}</text>
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</scroll-view>
|
||||||
|
|
@ -0,0 +1,41 @@
|
||||||
|
/* pages/item/item.wxss */
|
||||||
|
.meta {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
height: 1000rpx;
|
||||||
|
padding: 50rpx 40rpx;
|
||||||
|
}
|
||||||
|
.poster {
|
||||||
|
height: 50%;
|
||||||
|
margin: 20rpx;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: 42rpx;
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
font-size: 15px;
|
||||||
|
color: #888;
|
||||||
|
margin-left: 20px;
|
||||||
|
padding: 20px 10px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.summary {
|
||||||
|
|
||||||
|
margin: 30rpx auto;
|
||||||
|
}
|
||||||
|
.label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
color: #666;
|
||||||
|
font-size: 20rpx;
|
||||||
|
padding: 10rpx;
|
||||||
|
}
|
||||||
|
.mainBottom{
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
.main{
|
||||||
|
margin-top: -20px;
|
||||||
|
}
|
||||||
|
|
@ -1,219 +1,70 @@
|
||||||
// pages/list/list.js
|
// pages/list/list.js
|
||||||
let app = getApp()
|
|
||||||
// const computedBehavior = require('miniprogram-computed')
|
|
||||||
// behaviors: [computedBehavior],
|
|
||||||
Page({
|
Page({
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 页面的初始数据
|
* 页面的初始数据
|
||||||
*/
|
*/
|
||||||
data: {
|
data: {
|
||||||
options: [
|
title: '加载中...', // 状态
|
||||||
{
|
list: [{id:'01',title:'日本7.2级地震',content:'17：00：00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'}], // 数据列表
|
||||||
value: "1",
|
type: '', // 数据类型
|
||||||
label: "全部",
|
loading: true, // 显示等待框
|
||||||
|
page: 0, // page：当前页--
|
||||||
|
tabList: [{
|
||||||
|
title: '预警信息',
|
||||||
|
num: 0
|
||||||
|
}, {
|
||||||
|
title: '特殊事件',
|
||||||
|
num: 0
|
||||||
|
}],
|
||||||
},
|
},
|
||||||
{
|
|
||||||
value: "油船",
|
|
||||||
label: "油船",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "危化品船",
|
|
||||||
label: "危化品船",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
optionsweight: [
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "全部",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1000吨以上",
|
|
||||||
label: "1000吨以上",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1000吨以下",
|
|
||||||
label: "1000吨以下",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
optionsWork: [
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "全部",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "结构认知",
|
|
||||||
label: "结构认知",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "消防演习",
|
|
||||||
label: "消防演习",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "装货作业",
|
|
||||||
label: "装货作业",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "卸货作业",
|
|
||||||
label: "卸货作业",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "溢油演习",
|
|
||||||
label: "溢油演习",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "洗舱作业",
|
|
||||||
label: "洗舱作业",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "密闭空间",
|
|
||||||
label: "密闭空间",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
modelShow: false,
|
|
||||||
video: "1",
|
|
||||||
videoSrc: "",
|
|
||||||
dataList: [],
|
|
||||||
showPicker:true,
|
|
||||||
ship: 0,//默认显示位置
|
|
||||||
weight: 0,//默认显示位置
|
|
||||||
type: 0,//默认显示位置
|
|
||||||
},
|
|
||||||
filterFunc(val, target, filterArr) {
|
|
||||||
// 参数不存在或为空时，就相当于查询全部
|
|
||||||
if (val == undefined || val == '1') {
|
|
||||||
return filterArr;
|
|
||||||
}
|
|
||||||
return filterArr.filter((p) => p[target].indexOf(val) > -1);
|
|
||||||
},
|
|
||||||
bindPickerChange2: function (e) {
|
|
||||||
this.setData({
|
|
||||||
ship: e.detail.value
|
|
||||||
})
|
|
||||||
this.handleList()
|
|
||||||
},
|
|
||||||
bindPickerweight: function (e) {
|
|
||||||
this.setData({
|
|
||||||
weight: e.detail.value
|
|
||||||
})
|
|
||||||
this.handleList()
|
|
||||||
},
|
|
||||||
bindPickerwork: function (e) {
|
|
||||||
this.setData({
|
|
||||||
type: e.detail.value
|
|
||||||
})
|
|
||||||
this.handleList()
|
|
||||||
},
|
|
||||||
handleModel:function(item) {
|
|
||||||
console.log(item);
|
|
||||||
wx.request({
|
|
||||||
url: 'https://www.umayle.com/inland/Api/VideoController.ashx',
|
|
||||||
data:{
|
|
||||||
openId: app.globalData.openId, videoId: item.currentTarget.dataset.id
|
|
||||||
},
|
|
||||||
method: 'get',
|
|
||||||
success:(_res_)=>{
|
|
||||||
if (_res_.data.code == 1) {
|
|
||||||
this.setData({
|
|
||||||
modelShow : true,
|
|
||||||
video : "1"
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.setData({
|
|
||||||
modelShow : true,
|
|
||||||
video : "2",
|
|
||||||
videoSrc :item.currentTarget.dataset.video
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleClose() {
|
|
||||||
this.setData({
|
|
||||||
modelShow : false,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleList(){
|
|
||||||
let objVal = {};
|
|
||||||
objVal.ship = this.data.options[this.data.ship].value
|
|
||||||
objVal.weight = this.data.optionsweight[this.data.weight].value
|
|
||||||
objVal.type = this.data.optionsWork[this.data.type].value
|
|
||||||
wx.request({
|
|
||||||
url: 'https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/data.json',
|
|
||||||
method: 'get',
|
|
||||||
success:(_res_)=>{
|
|
||||||
let arr = _res_.data.data;
|
|
||||||
Object.keys(objVal).forEach((e) => {
|
|
||||||
// 调用自己定义好的筛选方法
|
|
||||||
arr = this.filterFunc(objVal[e], e, arr);
|
|
||||||
});
|
|
||||||
this.setData({
|
|
||||||
dataList: arr
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/**
|
/**
|
||||||
* 生命周期函数--监听页面加载
|
* 生命周期函数--监听页面加载
|
||||||
*/
|
*/
|
||||||
onLoad: function (options) {
|
// 切换tab
|
||||||
wx.request({
|
change: function (event) {
|
||||||
url: 'https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/data.json',
|
console.log('切换时会调用', event);
|
||||||
method: 'get',
|
var a = event.currentTarget.dataset.pageid
|
||||||
success:(_res_)=>{
|
|
||||||
this.setData({
|
this.setData({
|
||||||
dataList:_res_.data.data
|
page: a,
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// changeNext:function () {
|
||||||
/**
|
// setTimeout(() => {
|
||||||
* 生命周期函数--监听页面初次渲染完成
|
// wx.redirectTo({
|
||||||
*/
|
// url:'/pages/item/item'
|
||||||
onReady: function () {
|
// })
|
||||||
|
// }, 2000);
|
||||||
},
|
// },
|
||||||
|
onLoad: function (options) { // options 为 board页传来的参数
|
||||||
/**
|
const _this = this;
|
||||||
* 生命周期函数--监听页面显示
|
// 拼接请求url
|
||||||
*/
|
// const url = 'https://api.douban.com/v2/movie/' + options.type;
|
||||||
onShow: function () {
|
// const url = '' + options.type;
|
||||||
wx.hideHomeButton();
|
// // 请求数据
|
||||||
},
|
// wx.request({
|
||||||
|
// url: url,
|
||||||
/**
|
// data: {},
|
||||||
* 生命周期函数--监听页面隐藏
|
// header: {
|
||||||
*/
|
// 'content-type': 'json' // 默认值
|
||||||
onHide: function () {
|
// },
|
||||||
|
// success: function(res) {
|
||||||
},
|
// console.log(res.data);
|
||||||
|
// // 赋值
|
||||||
/**
|
// _this.setData({
|
||||||
* 生命周期函数--监听页面卸载
|
// title: res.data.title,
|
||||||
*/
|
// list: res.data.subjects,
|
||||||
onUnload: function () {
|
// type: options.type,
|
||||||
|
// loading: false // 关闭等待框
|
||||||
},
|
// })
|
||||||
|
// }
|
||||||
/**
|
// })
|
||||||
* 页面相关事件处理函数--监听用户下拉动作
|
_this.setData({
|
||||||
*/
|
title: '日本7.2级地震',
|
||||||
onPullDownRefresh: function () {
|
list: [{id:'001',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'},{id:'002',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'},{id:'003',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'},{id:'003',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'},{id:'003',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'},{id:'003',title:'日本7.2级地震',content:'17:00:00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'}],
|
||||||
|
type: '1111',
|
||||||
},
|
loading: false // 关闭等待框
|
||||||
|
})
|
||||||
/**
|
|
||||||
* 页面上拉触底事件的处理函数
|
|
||||||
*/
|
|
||||||
onReachBottom: function () {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 用户点击右上角分享
|
|
||||||
*/
|
|
||||||
onShareAppMessage: function () {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -1,71 +1,77 @@
|
||||||
<view class="container list">
|
<!--pages/list/list.wxml-->
|
||||||
<view class="top">
|
<!--列表页-->
|
||||||
<picker bindchange="bindPickerChange2" value="{{ship}}" range="{{options}}" range-key="label">
|
<view class="body">
|
||||||
<view class="picker">
|
<!--等待框-->
|
||||||
<input class="search-input" disabled="true" value="{{options[ship].label}}" bindinput="bindKeyInput" placeholder-class="search-placeholder" />
|
|
||||||
|
<view class="swiper-tab">
|
||||||
|
<view wx:for="{{tabList}}" wx:key="index" catchtap="change" class="{{page==index?'selected-menu':'unselect-menu'}}" data-pageid="{{index}}">{{item.title}}
|
||||||
|
<!-- ({{item.num}}) -->
|
||||||
|
<hr class="{{page==index?'selected-line':'unselect-line'}}" />
|
||||||
</view>
|
</view>
|
||||||
</picker>
|
|
||||||
<picker bindchange="bindPickerweight" value="{{weight}}" range="{{optionsweight}}" range-key="label">
|
|
||||||
<view class="picker">
|
|
||||||
<input class="search-input" disabled="true" value="{{optionsweight[weight].label}}" bindinput="bindKeyInput" placeholder-class="search-placeholder" />
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
<picker bindchange="bindPickerwork" value="{{type}}" range="{{optionsWork}}" range-key="label">
|
|
||||||
<view class="picker">
|
|
||||||
<input class="search-input" disabled="true" value="{{optionsWork[type].label}}" bindinput="bindKeyInput" placeholder-class="search-placeholder" />
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="view-Content">
|
||||||
|
<loading hidden="{{!loading}}">加载中...</loading>
|
||||||
|
<view wx:for="{{tabList}}" wx:key="index" class="{{page==index?'show tabCon':'hidden tabCon'}}">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view
|
<!-- <view class='page-header'>
|
||||||
class="datalist"
|
<text class='page-title'>{{title}}</text>
|
||||||
data-id="{{item.id}}"
|
</view> -->
|
||||||
data-video="{{item.video}}"
|
<!--列表-->
|
||||||
wx:for="{{dataList}}" wx:key="index" bindtap='handleModel'
|
<view class='page-body' wx:for="{{list}}" wx:key="id">
|
||||||
>
|
<!--类型判断,显示不同的数据-->
|
||||||
<view class="bgpic">
|
<block wx:if="{{type === 'us_box'}}">
|
||||||
<image mode="aspectFill" src="{{item.cover}}"></image>
|
<navigator url='../item/item?id={{item.id}}'>
|
||||||
|
<view class='item'>
|
||||||
|
<!-- <image class='poster' src='{{item.subject.images.small}}'></image> -->
|
||||||
|
<view class='meta'>
|
||||||
|
<view class='titContent'>
|
||||||
|
<text class='title'>{{item.title}}</text>
|
||||||
|
<text class='titleButton' bindtap="changeNext">详情</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom">
|
<!-- <text class='sub-title'>{{item.original_title}}({{item.year}})</text> -->
|
||||||
<view class="left">
|
<text class='sub-title'>{{item.year}}</text><text>{{item.content}}</text>
|
||||||
<view class="logo"></view>
|
<!-- <view class='artists'>
|
||||||
<view class="title">{{ index + 1 }}.{{ item.name }}</view>
|
<text>详情</text>
|
||||||
|
<text wx:for="{{item.directors}}" wx:key="id">{{item.name}}</text>
|
||||||
|
</view> -->
|
||||||
|
<!-- <view class='rating'>
|
||||||
|
<text>{{item.subject.rating.average}}</text>
|
||||||
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="right" wx:if="{{false}}">已观看45%</view>
|
</view>
|
||||||
|
</navigator>
|
||||||
|
</block>
|
||||||
|
<!--另一种情况-->
|
||||||
|
<block wx:else>
|
||||||
|
<navigator url='../item/item?id={{ item.id }}'>
|
||||||
|
<view class='item'>
|
||||||
|
<!-- <image class='poster' src='{{item.images.small}}'></image> -->
|
||||||
|
<view class='meta'>
|
||||||
|
<view class='titContent'>
|
||||||
|
<text class='title'>{{item.title}}</text>
|
||||||
|
<text class='titleButton' bindtap="changeNext">详情</text>
|
||||||
|
</view>
|
||||||
|
<view class='subContent'>
|
||||||
|
<text class='sub-year'>{{item.year}}</text><text class='sub-title'>{{item.content}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <view class='artists'>
|
||||||
|
<text>详情：</text>
|
||||||
|
<text wx:for="{{item.directors}}" wx:key="id">{{item.name}}</text>
|
||||||
|
</view> -->
|
||||||
|
<!-- <view class='rating'>
|
||||||
|
<text>{{item.rating.average}}</text>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</navigator>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view
|
|
||||||
class="model"
|
|
||||||
wx:if="{{modelShow}}"
|
|
||||||
style="background:{{ video == '1' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 0, 0, 1)'}}"
|
|
||||||
>
|
|
||||||
<view class="contents" wx:if="{{video == '1' ? true : false}}">
|
|
||||||
<view class="title">提示</view>
|
|
||||||
<view class="text">
|
|
||||||
您的观看次数以达到限制，如需要解锁更多视频请联系：
|
|
||||||
</view>
|
|
||||||
<view class="people">
|
|
||||||
<view class="name">
|
|
||||||
<van-icon name="phone-o" class="icon" />
|
|
||||||
<span>沈健</span>
|
|
||||||
</view>
|
|
||||||
<text decode="true" class="phone">187 0255 8956</text>
|
|
||||||
</view>
|
|
||||||
<view class="people">
|
|
||||||
<view class="name">
|
|
||||||
<van-icon name="phone-o" class="icon" />
|
|
||||||
<span>钱春和</span>
|
|
||||||
</view>
|
|
||||||
<text class="phone" decode="true">181 0159 8061</text>
|
|
||||||
</view>
|
|
||||||
<view class="handleTrue" bindtap="handleClose">确认</view>
|
|
||||||
</view>
|
|
||||||
<view class="video" wx:else>
|
|
||||||
<view class="top">
|
|
||||||
<van-icon name="close" class="icon" bindtap="handleClose" />
|
|
||||||
</view>
|
|
||||||
<video src="{{videoSrc}}" controls autoplay></video>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1,235 +1,182 @@
|
||||||
.list {
|
/* pages/list/list.wxss */
|
||||||
|
/* pages/dingdan/dingdan.wxss */
|
||||||
|
page {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
justify-content: center;
|
|
||||||
background: url("https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/%E5%9C%A8%E7%BA%BF%E5%AD%A6%E4%B9%A0-%E8%83%8C%E6%99%AF.png") no-repeat;
|
|
||||||
background-size: 100% auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top {
|
|
||||||
width: 686rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
display: flex;
|
|
||||||
flex-flow: row nowrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top picker {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top .search-input {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 68rpx;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 22rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #1f272a;
|
|
||||||
padding-left: 36rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top .search-placeholder {
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top .phcolor {
|
|
||||||
color: #999;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .top .select {
|
|
||||||
width: 100%;
|
|
||||||
height: 35px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 20px;
|
|
||||||
text-indent: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content {
|
|
||||||
width: 686rpx;
|
|
||||||
height: calc(100% - 140rpx);
|
|
||||||
margin-top: 20rpx;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content > view {
|
|
||||||
width: 100%;
|
|
||||||
height: 516rpx;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 1px 1px 1px 1px #c6cae9, -1px 0px 1px 1px #c6cae9;
|
/* background: pink; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .content > view .bgpic {
|
.body {
|
||||||
width: 100%;
|
|
||||||
height: 400rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content > view .bgpic image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
/* background: hotpink; */
|
||||||
|
|
||||||
.list .content > view .bottom {
|
|
||||||
height: 116rpx;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row nowrap;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
align-items: center;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .content > view .bottom .left {
|
/* tab栏 */
|
||||||
width: 70%;
|
.swiper-tab {
|
||||||
display: flex;
|
|
||||||
flex-flow: row nowrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content > view .bottom .left .logo {
|
|
||||||
width: 80rpx;
|
|
||||||
height: 84rpx;
|
|
||||||
background: url("https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/-e-icon.png") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content > view .bottom .left .title {
|
|
||||||
margin-left: 20rpx;
|
|
||||||
width: fit-content;
|
|
||||||
font-size: 32rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .content > view .bottom .right {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #5187fd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents {
|
|
||||||
width: 80%;
|
|
||||||
padding: 0 20rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 540rpx;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: calc(50% - 270rpx);
|
|
||||||
left: 10%;
|
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .title {
|
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 40rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .text {
|
|
||||||
width: 80%;
|
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
line-height: 40rpx;
|
text-align: center;
|
||||||
font-size: 32rpx;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .model .contents .people {
|
.selected-menu {
|
||||||
width: 80%;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
color: #2e0c77;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 50%;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
|
line-height: 75rpx;
|
||||||
|
opacity: 1;
|
||||||
|
/* border-bottom: 2px solid #ff5050; */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unselect-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row nowrap;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
font-size: 14px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #9f9fad;
|
||||||
|
width: 50%;
|
||||||
|
height: 60rpx;
|
||||||
|
line-height: 75rpx;
|
||||||
|
background: #fff;
|
||||||
|
opacity: 1;
|
||||||
|
position: relative;
|
||||||
|
/* border-radius: 34rpx; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .model .contents .people .name {
|
.selected-line {
|
||||||
width: 35%;
|
background: #2e0c77;
|
||||||
display: flex;
|
height: 4rpx;
|
||||||
flex-flow: row nowrap;
|
width: 150rpx;
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .people .name .icon {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #3669f8;
|
|
||||||
padding-top: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .people .name span {
|
|
||||||
font-size: 28rpx;
|
|
||||||
margin-left: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .people .phone {
|
|
||||||
flex: 1;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #2b61f8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .contents .handleTrue {
|
|
||||||
width: 80%;
|
|
||||||
height: 80rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80rpx;
|
|
||||||
font-size: 34rpx;
|
|
||||||
letter-spacing: 4rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
font-weight: 600;
|
|
||||||
background: #3669f8;
|
|
||||||
border-radius: 60rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list .model .video {
|
|
||||||
width: 90%;
|
|
||||||
height: 480rpx;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(50% - 290rpx);
|
/* margin-top: 10rpx; */
|
||||||
left: 5%;
|
bottom: -18rpx;
|
||||||
|
/* width: 60rpx; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.list .model .video .top {
|
/* 内容 */
|
||||||
width: 100%;
|
.view-Content {
|
||||||
height: 40rpx;
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
background-color: rgb(236, 236, 236);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabCon {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 展示隐藏 */
|
||||||
|
.show {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.page-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
justify-content: center;
|
||||||
justify-content: flex-end;
|
border-bottom: 1rpx solid #ccc;
|
||||||
padding-right: 10rpx;
|
|
||||||
}
|
}
|
||||||
|
.page-title {
|
||||||
.list .model .video .top .icon {
|
padding: 20rpx 40rpx;
|
||||||
font-size: 36rpx;
|
color: #999;
|
||||||
font-weight: 700;
|
font-size: 38rpx;
|
||||||
color: rgba(255, 255, 255, 0.8);
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.page-body {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
.list .model .video video {
|
/* border-bottom: 1rpx solid #eee; */
|
||||||
|
cursor: pointer;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
}
|
||||||
|
.item .poster {
|
||||||
|
height: 128rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
.item .meta {
|
||||||
|
/* flex: 1; */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 40rpx);
|
height: 240rpx;
|
||||||
object-fit: cover;
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.item .meta .titContent{
|
||||||
|
/* width: 100%; */
|
||||||
|
padding: 10rpx 40rpx;
|
||||||
|
/* line-height: 50rpx; */
|
||||||
|
border-bottom: 1rpx solid #ccc;
|
||||||
|
}
|
||||||
|
.item .meta .subContent{
|
||||||
|
padding: 20rpx 40rpx;
|
||||||
|
}
|
||||||
|
.item .meta .title,.item .meta .sub-title {
|
||||||
|
display:inline-block;
|
||||||
|
margin-bottom: 15rpx;
|
||||||
|
}
|
||||||
|
.item .meta .titleButton{
|
||||||
|
color: blue;
|
||||||
|
float: right;
|
||||||
|
line-height: 60rpx;
|
||||||
|
font-size: 25rpx;
|
||||||
|
}
|
||||||
|
.item .meta .title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
padding-top: 10rpx;
|
||||||
|
/* line-height: 50rpx; */
|
||||||
|
}
|
||||||
|
.item .meta .sub-year {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #c0c0c0;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.item .meta .sub-title {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #c0c0c0;
|
||||||
|
line-height: 37rpx;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.item .meta .artists {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.item .rating {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #f74c31;
|
||||||
|
}
|
||||||
|
.tips {
|
||||||
|
font-size: 28rpx;
|
||||||
|
text-align: center;
|
||||||
|
padding: 50rpx;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
.tips image {
|
||||||
|
height: 40rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
.tips image,.tips text {
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
|
|
@ -7,7 +7,7 @@ Page({
|
||||||
* 页面的初始数据
|
* 页面的初始数据
|
||||||
*/
|
*/
|
||||||
data: {
|
data: {
|
||||||
|
images:'images/logo.png'
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,7 @@
|
||||||
<view class="container start">
|
<view class="container start">
|
||||||
<text class="bottomText">技术支持单位：南京智工达信息科技有限公司</text>
|
<view class="img">
|
||||||
|
<image src='{{images}}' background-size="cover" style="width: 100%;height:100%"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <text class="bottomText">技术支持单位：南京智工达信息科技有限公司</text> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1,14 +1,20 @@
|
||||||
/* pages/start.wxss */
|
/* pages/start.wxss */
|
||||||
.start {
|
.start {
|
||||||
background-color: rgb(52, 51, 255);
|
/* background-color: rgb(52, 51, 255); */
|
||||||
|
background-color: #fff;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
/* background-image: url(pages/images/logo.png); */
|
||||||
/* background-image: url(https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/start.jpg); */
|
/* background-image: url(https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/start.jpg); */
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position-x: center;
|
background-position-x: center;
|
||||||
}
|
}
|
||||||
|
.img{
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
margin-top: 40%;
|
||||||
|
}
|
||||||
.bottomText{
|
.bottomText{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 2rem;
|
bottom: 2rem;
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@
|
||||||
},
|
},
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"libVersion": "2.19.4",
|
"libVersion": "2.19.4",
|
||||||
"appid": "wxbc46632cc8f89fbb",
|
"appid": "wxa9783cf92ee95a72",
|
||||||
"projectname": "inlandVessel-app",
|
"projectname": "inlandVessel-app",
|
||||||
"condition": {},
|
"condition": {},
|
||||||
"editorSetting": {
|
"editorSetting": {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue