地图页
This commit is contained in:
commit
6e81762fbb
27
app.js
27
app.js
|
|
@ -10,6 +10,7 @@ App({
|
|||
wx.login({
|
||||
success: res => {
|
||||
console.log(res);
|
||||
<<<<<<< HEAD
|
||||
// wx.request({
|
||||
// url: 'https://www.umayle.com/weixin_api/API/Wx/User/GetUserInfo.ashx?appName=Inland&code='+res.code,
|
||||
// method: 'POST',
|
||||
|
|
@ -32,6 +33,32 @@ App({
|
|||
// // url:'/pages/register/register'
|
||||
// })
|
||||
// }, 2000);
|
||||
=======
|
||||
wx.request({
|
||||
// url: 'https://www.umayle.com/weixin_api/API/Wx/User/GetUserInfo.ashx?appName=Inland&code='+res.code,
|
||||
url: ''+res.code,
|
||||
method: 'POST',
|
||||
success:(_res)=>{
|
||||
console.log(_res);
|
||||
let openId = _res.data.openid;
|
||||
this.globalData.openId = openId
|
||||
console.log('openid',openId);
|
||||
wx.request({
|
||||
// url: 'https://www.umayle.com/inland/Api/GetUserInfo.ashx?openId='+openId,
|
||||
url: ''+openId,
|
||||
method: 'POST',
|
||||
success:(_res_)=>{
|
||||
console.log(_res_,',,,res');
|
||||
this.globalData.userInfo = _res_.data.data
|
||||
if(_res_.data.code == 0 && _res_.data.message == '获取成功'){
|
||||
//跳转到列表页面
|
||||
setTimeout(() => {
|
||||
wx.redirectTo({
|
||||
url:'/pages/list/list'
|
||||
// url:'/pages/register/register'
|
||||
})
|
||||
}, 2000);
|
||||
>>>>>>> cdc45140f836a5564ba6d4f94c3e4d7e23d3df72
|
||||
|
||||
// }else{
|
||||
// //跳转到注册页面
|
||||
|
|
|
|||
11
app.json
11
app.json
|
|
@ -1,10 +1,21 @@
|
|||
{
|
||||
"pages": [
|
||||
<<<<<<< HEAD
|
||||
"pages/map/map",
|
||||
"pages/start/start",
|
||||
"pages/index/index",
|
||||
"pages/list/list"
|
||||
|
||||
=======
|
||||
"pages/list/list",
|
||||
"pages/item/item",
|
||||
"pages/start/start",
|
||||
"pages/index/index"
|
||||
|
||||
|
||||
|
||||
|
||||
>>>>>>> cdc45140f836a5564ba6d4f94c3e4d7e23d3df72
|
||||
],
|
||||
"plugins": {
|
||||
"routePlan": {
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@ Page({
|
|||
},
|
||||
onLoad(options) {
|
||||
if (wx.getUserProfile) {
|
||||
<<<<<<< HEAD
|
||||
// let url = 'https://www.umayle.com/inland/dist/index.html?openId='+options.openId+'&page='+options.page;
|
||||
// console.log(url);
|
||||
// this.setData({
|
||||
|
|
@ -30,6 +31,19 @@ Page({
|
|||
// url: url,
|
||||
// canIUseGetUserProfile: true
|
||||
// })
|
||||
=======
|
||||
//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://www.umayle.com/inland/dist/index.html?openId='+options.openId+'&page='+options.page;
|
||||
let url = ''+options.openId+'&page='+options.page;
|
||||
console.log(url);
|
||||
this.setData({
|
||||
openId: options.openId,
|
||||
page: options.page,
|
||||
url: url,
|
||||
canIUseGetUserProfile: true
|
||||
})
|
||||
>>>>>>> cdc45140f836a5564ba6d4f94c3e4d7e23d3df72
|
||||
}
|
||||
},
|
||||
getUserProfile(e) {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
let app = getApp()
|
||||
// const computedBehavior = require('miniprogram-computed')
|
||||
// behaviors: [computedBehavior],
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
options: [
|
||||
{
|
||||
value: "1",
|
||||
label: "全部",
|
||||
},
|
||||
{
|
||||
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,//默认显示位置
|
||||
title: '加载中...', // 状态
|
||||
list: [{id:'01',title:'日本7.2级地震',content:'17：00：00日本发生7.2级地震，张家港桥跨中位移超限，其余桥梁无异',year:'2022年7月7日'}], // 数据列表
|
||||
type: '', // 数据类型
|
||||
loading: true, // 显示等待框
|
||||
page: 0, // page：当前页--
|
||||
tabList: [{
|
||||
title: '预警信息',
|
||||
num: 0
|
||||
}, {
|
||||
title: '特殊事件',
|
||||
num: 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) {
|
||||
wx.request({
|
||||
url: 'https://download-1300932214.cos.ap-nanjing.myqcloud.com/inlandVessel/data.json',
|
||||
method: 'get',
|
||||
success:(_res_)=>{
|
||||
this.setData({
|
||||
dataList:_res_.data.data
|
||||
})
|
||||
}
|
||||
// 切换tab
|
||||
change: function (event) {
|
||||
console.log('切换时会调用', event);
|
||||
var a = event.currentTarget.dataset.pageid
|
||||
this.setData({
|
||||
page: a,
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
wx.hideHomeButton();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
// changeNext:function () {
|
||||
// setTimeout(() => {
|
||||
// wx.redirectTo({
|
||||
// url:'/pages/item/item'
|
||||
// })
|
||||
// }, 2000);
|
||||
// },
|
||||
onLoad: function (options) { // options 为 board页传来的参数
|
||||
const _this = this;
|
||||
// 拼接请求url
|
||||
// const url = 'https://api.douban.com/v2/movie/' + options.type;
|
||||
// const url = '' + options.type;
|
||||
// // 请求数据
|
||||
// wx.request({
|
||||
// url: url,
|
||||
// data: {},
|
||||
// header: {
|
||||
// 'content-type': 'json' // 默认值
|
||||
// },
|
||||
// success: function(res) {
|
||||
// console.log(res.data);
|
||||
// // 赋值
|
||||
// _this.setData({
|
||||
// title: res.data.title,
|
||||
// list: res.data.subjects,
|
||||
// type: options.type,
|
||||
// loading: false // 关闭等待框
|
||||
// })
|
||||
// }
|
||||
// })
|
||||
_this.setData({
|
||||
title: '日本7.2级地震',
|
||||
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 // 关闭等待框
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
@ -1,71 +1,77 @@
|
|||
<view class="container list">
|
||||
<view class="top">
|
||||
<picker bindchange="bindPickerChange2" value="{{ship}}" range="{{options}}" range-key="label">
|
||||
<view class="picker">
|
||||
<input class="search-input" disabled="true" value="{{options[ship].label}}" bindinput="bindKeyInput" placeholder-class="search-placeholder" />
|
||||
</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>
|
||||
<!--pages/list/list.wxml-->
|
||||
<!--列表页-->
|
||||
<view class="body">
|
||||
<!--等待框-->
|
||||
|
||||
<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 class="content">
|
||||
<view
|
||||
class="datalist"
|
||||
data-id="{{item.id}}"
|
||||
data-video="{{item.video}}"
|
||||
wx:for="{{dataList}}" wx:key="index" bindtap='handleModel'
|
||||
>
|
||||
<view class="bgpic">
|
||||
<image mode="aspectFill" src="{{item.cover}}"></image>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="left">
|
||||
<view class="logo"></view>
|
||||
<view class="title">{{ index + 1 }}.{{ item.name }}</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='page-header'>
|
||||
<text class='page-title'>{{title}}</text>
|
||||
</view> -->
|
||||
<!--列表-->
|
||||
<view class='page-body' wx:for="{{list}}" wx:key="id">
|
||||
<!--类型判断,显示不同的数据-->
|
||||
<block wx:if="{{type === 'us_box'}}">
|
||||
<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>
|
||||
<!-- <text class='sub-title'>{{item.original_title}}({{item.year}})</text> -->
|
||||
<text class='sub-title'>{{item.year}}</text><text>{{item.content}}</text>
|
||||
<!-- <view class='artists'>
|
||||
<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 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
|
||||
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>
|
||||
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -1,235 +1,182 @@
|
|||
.list {
|
||||
/* pages/list/list.wxss */
|
||||
/* pages/dingdan/dingdan.wxss */
|
||||
page {
|
||||
width: 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;
|
||||
box-shadow: 1px 1px 1px 1px #c6cae9, -1px 0px 1px 1px #c6cae9;
|
||||
/* background: pink; */
|
||||
}
|
||||
|
||||
.list .content > view .bgpic {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
}
|
||||
|
||||
.list .content > view .bgpic image {
|
||||
width: 100%;
|
||||
|
||||
.body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.list .content > view .bottom {
|
||||
height: 116rpx;
|
||||
width: 100%;
|
||||
/* background: hotpink; */
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
padding: 0 10rpx;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.list .content > view .bottom .left {
|
||||
width: 70%;
|
||||
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 {
|
||||
|
||||
/* tab栏 */
|
||||
.swiper-tab {
|
||||
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;
|
||||
line-height: 40rpx;
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.list .model .contents .people {
|
||||
width: 80%;
|
||||
|
||||
.selected-menu {
|
||||
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;
|
||||
line-height: 75rpx;
|
||||
opacity: 1;
|
||||
/* border-bottom: 2px solid #ff5050; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.unselect-menu {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
flex-direction: column;
|
||||
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 {
|
||||
width: 35%;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
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;
|
||||
|
||||
.selected-line {
|
||||
background: #2e0c77;
|
||||
height: 4rpx;
|
||||
width: 150rpx;
|
||||
position: absolute;
|
||||
top: calc(50% - 290rpx);
|
||||
left: 5%;
|
||||
/* margin-top: 10rpx; */
|
||||
bottom: -18rpx;
|
||||
/* width: 60rpx; */
|
||||
}
|
||||
|
||||
.list .model .video .top {
|
||||
width: 100%;
|
||||
height: 40rpx;
|
||||
|
||||
/* 内容 */
|
||||
.view-Content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
background-color: rgb(236, 236, 236);
|
||||
}
|
||||
|
||||
.tabCon {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* 展示隐藏 */
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: flex-end;
|
||||
padding-right: 10rpx;
|
||||
justify-content: center;
|
||||
border-bottom: 1rpx solid #ccc;
|
||||
}
|
||||
|
||||
.list .model .video .top .icon {
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
.page-title {
|
||||
padding: 20rpx 40rpx;
|
||||
color: #999;
|
||||
font-size: 38rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list .model .video video {
|
||||
.page-body {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
.item {
|
||||
display: flex;
|
||||
|
||||
/* border-bottom: 1rpx solid #eee; */
|
||||
cursor: pointer;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.item .poster {
|
||||
height: 128rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.item .meta {
|
||||
/* flex: 1; */
|
||||
width: 100%;
|
||||
height: calc(100% - 40rpx);
|
||||
object-fit: cover;
|
||||
height: 240rpx;
|
||||
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: {
|
||||
|
||||
images:'images/logo.png'
|
||||
},
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,3 +1,7 @@
|
|||
<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>
|
||||
|
|
@ -1,14 +1,20 @@
|
|||
/* pages/start.wxss */
|
||||
.start {
|
||||
background-color: rgb(52, 51, 255);
|
||||
/* background-color: rgb(52, 51, 255); */
|
||||
background-color: #fff;
|
||||
height: 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-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position-x: center;
|
||||
}
|
||||
|
||||
.img{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin-top: 40%;
|
||||
}
|
||||
.bottomText{
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
|
|
|
|||
|
|
@ -56,7 +56,11 @@
|
|||
"compileType": "miniprogram",
|
||||
"libVersion": "2.19.4",
|
||||
"appid": "wxa9783cf92ee95a72",
|
||||
<<<<<<< HEAD
|
||||
"projectname": "bridgespace-app",
|
||||
=======
|
||||
"projectname": "inlandVessel-app",
|
||||
>>>>>>> cdc45140f836a5564ba6d4f94c3e4d7e23d3df72
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
|
|
|
|||
Loading…
Reference in New Issue