10 changed files with 584 additions and 13 deletions
Unified View
Diff Options
-
4components/bubble-popup/index.js
-
2components/bubble-popup/index.wxss
-
4components/tabi/index.js
-
2components/tabi/index.wxml
-
134pages/article/newInfo/index.js
-
8pages/article/newInfo/index.json
-
177pages/article/newInfo/index.wxml
-
243pages/article/newInfo/index.wxss
-
16pages/mall/fragment/index.wxml
-
7pages/mall/fragment/index.wxss
@ -1,2 +1,2 @@ |
|||||
/* components/bubble-popup.wxss */ |
/* components/bubble-popup.wxss */ |
||||
.tui-popup-list{z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.tui-flex-end{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.tui-triangle{position:absolute;width:0;height:0;border-style:solid;z-index:997}.tui-popup-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:995;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.tui-popup-show{opacity:1;visibility:visible}.tui-z_index{z-index:996} |
|
||||
|
.tui-popup-list{z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;box-shadow: 0 0 10px rgba(100, 100, 100, .5)}.tui-flex-end{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.tui-triangle{position:absolute;width:0;height:0;border-style:solid;z-index:997}.tui-popup-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:995;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.tui-popup-show{opacity:1;visibility:visible}.tui-z_index{z-index:9} |
||||
@ -0,0 +1,134 @@ |
|||||
|
// pages/stock/index.js
|
||||
|
const util = require('../../../utils/util') |
||||
|
const math = require('../../../utils/math') //导入模块
|
||||
|
const app = getApp() |
||||
|
|
||||
|
import { getPaperMillOfInformationList } from "../../../api/ztb" |
||||
|
import { getPreferList } from "../../../api/moment" |
||||
|
Component({ |
||||
|
options: { |
||||
|
addGlobalClass: true, |
||||
|
multipleSlots: true |
||||
|
}, |
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
height: app.globalData.safeFragmentHeight - 190, |
||||
|
safeBottom: app.globalData.safeBottom, |
||||
|
orderList: [], |
||||
|
tableSgin: null, |
||||
|
loading:false, |
||||
|
pximg:'/assets/info/px-sx.png', |
||||
|
curDate: util.formatDate(new Date(), 'Y-M-D'), |
||||
|
querFrom:{ |
||||
|
curDate: util.formatDate(new Date(), 'Y-M-D'), |
||||
|
queryWay: 0, |
||||
|
priceSort:1 |
||||
|
}, |
||||
|
factoryList:[], |
||||
|
scorllHeight:app.globalData.safeFragmentHeight |
||||
|
}, |
||||
|
methods: { |
||||
|
onRestart: function () { |
||||
|
this.setData({ |
||||
|
StatusBar: app.globalData.StatusBar || 40, |
||||
|
CustomBar: app.globalData.CustomBar || (app.globalData.isIos ? 64 : 80), |
||||
|
scorllHeight:app.globalData.safeFragmentHeight - 100 |
||||
|
}) |
||||
|
this.data.querFrom.queryWay=0 |
||||
|
this.getPaperMillOfInformationListFct(this.data.querFrom) |
||||
|
this.fetchMomentList() |
||||
|
}, |
||||
|
toPage: function (e) { |
||||
|
if (e.currentTarget.id == 'toqb') { |
||||
|
util.navigateTo('/pakageInfo/pages/article/index/index') |
||||
|
} |
||||
|
if (e.currentTarget.id == 'toAllFactory') { |
||||
|
util.navigateTo('/pakageInfo/pages/article/allNewInfo/index') |
||||
|
} |
||||
|
if(e.currentTarget.id == 'toAttentionFactory'){ |
||||
|
util.navigateTo('/pages/home/attentionPaperList/index') |
||||
|
} |
||||
|
if(e.currentTarget.id == 'tofeedback'){ |
||||
|
util.navigateTo('/pakageInfo/pages/article/feedback/index') |
||||
|
} |
||||
|
if(e.currentTarget.id == 'toFactoryDetails'){ |
||||
|
util.navigateTo('/pages/agent/factory/index?id='+e.currentTarget.dataset.factoryid) |
||||
|
} |
||||
|
if(e.currentTarget.id == 'toDmai'){ |
||||
|
if (!app.globalData.userInfo) { |
||||
|
wx.navigateTo({ url: '/pages/login/index' }) |
||||
|
return |
||||
|
} |
||||
|
if(!e.currentTarget.dataset.operations){ |
||||
|
util.showToast(e.currentTarget.dataset.msg) |
||||
|
return |
||||
|
} |
||||
|
util.navigateTo('/pages/agent/edit/index?id='+e.currentTarget.dataset.fcid+'&categoryId='+e.currentTarget.dataset.paperid) |
||||
|
} |
||||
|
}, |
||||
|
toPageDetails:function(e){ |
||||
|
util.navigateTo('/pakageInfo/pages/article/detail/index?id='+e.currentTarget.id) |
||||
|
}, |
||||
|
changeTable: function (e) { |
||||
|
if (e.currentTarget.id === this.data.tableSgin) { |
||||
|
this.setData({ tableSgin: null }) |
||||
|
} else { |
||||
|
this.setData({ tableSgin: e.currentTarget.id }) |
||||
|
} |
||||
|
}, |
||||
|
getPaperMillOfInformationListFct:function(model) { |
||||
|
this.setData({ |
||||
|
loading:true |
||||
|
}) |
||||
|
getPaperMillOfInformationList(model).then(res => { |
||||
|
this.setData({ |
||||
|
orderList: res.data |
||||
|
}) |
||||
|
this.setData({ |
||||
|
loading:false |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
changeSort:function(){ |
||||
|
if(this.data.pximg=='/assets/info/px-jx.png'){ |
||||
|
this.setData({ |
||||
|
pximg:'/assets/info/px-sx.png' |
||||
|
}) |
||||
|
this.data.querFrom.priceSort=1 |
||||
|
this.getPaperMillOfInformationListFct(this.data.querFrom) |
||||
|
return |
||||
|
} |
||||
|
if(this.data.pximg=='/assets/info/px-sx.png'){ |
||||
|
this.setData({ |
||||
|
pximg:'/assets/info/px-jx.png' |
||||
|
}) |
||||
|
this.data.querFrom.priceSort=0 |
||||
|
this.getPaperMillOfInformationListFct(this.data.querFrom) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
curDateChange(e) { |
||||
|
this.setData({ |
||||
|
curDate: e.detail.value |
||||
|
}) |
||||
|
this.data.querFrom.curDate=e.detail.value |
||||
|
this.getPaperMillOfInformationListFct(this.data.querFrom) |
||||
|
}, |
||||
|
fetchMomentList: function(){ |
||||
|
getPreferList().then(result => { |
||||
|
this.setData({ factoryList: result.data.records.slice(0, 3) }) |
||||
|
}) |
||||
|
}, |
||||
|
toMill(e){ |
||||
|
util.navigateTo('/pages/agent/factory/index?id=' + e.currentTarget.id) |
||||
|
}, |
||||
|
|
||||
|
mathTimesRtrun:function(text){ |
||||
|
return math.times(text, 1000) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
|
||||
|
}) |
||||
@ -0,0 +1,8 @@ |
|||||
|
{ |
||||
|
"component": true, |
||||
|
"usingComponents": { |
||||
|
"wux-tabi": "/components/tabi/index", |
||||
|
"wux-accordion-group": "/components/accordion-group/index", |
||||
|
"wux-accordion": "/components/accordion/index" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,177 @@ |
|||||
|
<!--pages/main/index.wxml--> |
||||
|
<wxs module="formate" src="../../../pages/formate.wxs"></wxs> |
||||
|
<view style="background-image: linear-gradient(127deg, rgba(0,122,255,0.67) 0%, rgba(13,100,227,0.95) 100%);"> |
||||
|
<view class="cu-custom" style="height:{{CustomBar}}px;z-index: 99"> |
||||
|
<view class="cu-bar fixed " style="height:{{CustomBar}}px;padding-top:{{StatusBar}}rpx;border-bottom:none"> |
||||
|
<view class="content" style="top:{{StatusBar}}rpx;color:black;font-size:36rpx"> |
||||
|
</view> |
||||
|
<view class="topLeftText flex" style="margin-top:15rpx"> |
||||
|
<view>纸厂情报</view> |
||||
|
<view class="topRightText" style="margin-left:24rpx" id="toAllFactory" bindtap="toPage">全部纸厂></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="flex flex-justify" style="width:100%;height:80rpx;background-color:#F4F4F4;" class="topTitle"> |
||||
|
<view class="topLeft flex flex-center"> |
||||
|
<picker mode="date" value="{{curDate}}" start="2015-09-01" end="2099-09-01" bindchange="curDateChange"> |
||||
|
<view class="piker"> |
||||
|
{{curDate}} |
||||
|
<view style="width:16rpx;height:80rpx; display: flex;align-items: center;float: right;margin-left:10rpx"> |
||||
|
<image style="width:16rpx;height:16rpx" src="/assets/info/timeDown.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</picker> |
||||
|
</view> |
||||
|
<view style="color:rgba(0,0,0,0.40);" id='tofeedback' bindtap="toPage"> |
||||
|
<view class="topRight-icon"> |
||||
|
<image style="width:31.3rpx;height:32.4rpx" src="/assets/info/feedback.png"></image> |
||||
|
</view> |
||||
|
<view class="topRight-text">反馈情报 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<scroll-view scroll-y="true" style='max-height:{{scorllHeight-80}}rpx;width:100%;background-color:white'> |
||||
|
<view class="zt"> |
||||
|
<view class="flex flex-justify" |
||||
|
style="width:100%;height:80rpx;font-size: 28px;color: rgba(0,0,0,0.65);letter-spacing: 0;padding: 0rpx 32rpx;"> |
||||
|
<view class="text-df text-gray" style="flex:1;overflow: hidden;">纸厂名称</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center" bindtap="changeSort"> |
||||
|
<text>价格涨跌</text> |
||||
|
<image style="width:24rpx;height:24rpx" src="{{pximg}}"></image> |
||||
|
</view> |
||||
|
<view class="text-df text-gray" style="flex:0.8;text-align: center">纸厂排队</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">最近扣点</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="img-nodata" style="height:{{height}}rpx" wx:if="{{!orderList.length}}"> |
||||
|
<view class="load-spinner text-gray" style="margin-bottom:24px" wx:if="{{loading}}" /> |
||||
|
<image class="onDataImg" src="https://636c-cloud1-1gjilu3e74c1a18a-1305669442.tcb.qcloud.la/noData.png?sign=c2f746eb85912444f9633f43fedb7fab&t=1631629208" wx:else></image> |
||||
|
<view |
||||
|
style="font-family: PingFangSC-Medium;font-size: 40rpx;color: #000000;letter-spacing: 0;text-align: left;margin-top:30rpx"> |
||||
|
{{loading? '正在加载' : '暂无关注'}}</view> |
||||
|
<view class="top-nodata-text1">可前往纸厂列表添加关注</view> |
||||
|
<view wx:if="{{loading==false}}" class="top-nodata-text2" id="toAttentionFactory" bindtap="toPage">添加关注</view> |
||||
|
</view> |
||||
|
<view class="bg-white"> |
||||
|
<view wx:for="{{orderList}}" wx:key="index" class="tableStyle"> |
||||
|
<view class="flex flex-justify" style="border-top:2rpx solid #f3f3f3;padding: 0rpx 32rpx;" id="toFactoryDetails" |
||||
|
data-factoryId="{{item.paperMillId}}" catchtap="toPage"> |
||||
|
<view class="text-df text-balck" style="flex:1">{{m2.newString(item.shortName)}}</view> |
||||
|
<view |
||||
|
class="text-df {{item.biggestFloatPrice>0?'text-red':(item.biggestFloatPrice<0?'text-green':'text-black')}}" |
||||
|
style="flex:1"> |
||||
|
<text style="margin-left:40rpx">{{ formate.formateDrice(item.unitPrice)}}</text><text |
||||
|
style="font-size: 32rpx;">{{item.biggestFloatPrice>0?'↑':(item.biggestFloatPrice<0?'↓':'')}}</text> |
||||
|
<text wx:if="{{item.biggestFloatPrice != 0}}" |
||||
|
style="margin-left: 12rpx;font-size:24rpx">{{ item.biggestFloatPrice > 0 ? '+' : '' }}{{ formate.formateDrice(item.biggestFloatPrice)}}</text> |
||||
|
</view> |
||||
|
<view class="text-df text-balck" style="flex:0.8;text-align: center">{{item.yesterdayTotalQuantity || 0}}辆 |
||||
|
</view> |
||||
|
<view class="flex flex-center text-df text-balck" style="flex:1;text-align: center"> |
||||
|
<view style="flex:1.5;text-align: center"> |
||||
|
<view class="text-df text-balck" style="line-height:32rpx"> |
||||
|
{{formate.formateDescripe(item.minimumDeductionPoint)}}</view> |
||||
|
<view class="text-gray " style="font-size:24rpx;line-height:32rpx"> |
||||
|
{{formate.substring(item.priceDate, 0, 10)}}</view> |
||||
|
</view> |
||||
|
<view class="text-df text-balck" style="flex:0.5;text-align: center" id="{{item.paperMillId}}" |
||||
|
catchtap="changeTable" wx:if="{{tableSgin==item.paperMillId}}"> |
||||
|
<image style="width:28rpx;height:28rpx;" src="/assets/info/factoryUp.png"></image> |
||||
|
</view> |
||||
|
<view class="text-df text-balck" style="flex:0.5;text-align: center" id="{{item.paperMillId}}" |
||||
|
catchtap="changeTable" wx:if="{{tableSgin !== item.paperMillId}}"> |
||||
|
<image style="width:28rpx;height:28rpx;" src="/assets/info/factoryDown.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view wx:if="{{tableSgin==item.paperMillId}}" |
||||
|
style="width:100%;background-color:#f3f3f3;padding-left:10rpx;padding:10rpx 24rpx 15rpx 24rpx"> |
||||
|
<view class="flex flex-justify" style=""> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">品类</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">价格</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">涨跌</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">最近扣点</view> |
||||
|
<view class="text-df text-gray" style="flex:1;text-align: center">操作</view> |
||||
|
</view> |
||||
|
<view class="flex flex-justify" style="margin-top:20rpx" wx:for="{{ item.paperCategoryList }}" |
||||
|
wx:for-item="cell" wx:key="index" style="background-color:white;margin-top:10rpx"> |
||||
|
<view class="text-df {{cell.categoryName>0?'text-red':(cell.categoryName<0?'text-green':'text-black')}}" |
||||
|
style="flex:1;text-align: center;line-height: 40rpx;">{{cell.categoryName|| '---'}}</view> |
||||
|
<view class="text-df {{cell.floatPrice>0?'text-red':(cell.floatPrice<0?'text-green':'text-black')}}" |
||||
|
style="flex:1;text-align: center" style="flex:1;text-align: center"> |
||||
|
{{formate.formatePrice(cell.unitPrice)}}<text |
||||
|
style="font-size:32rpx">{{cell.floatPrice>0?'↑':(cell.floatPrice<0?'↓':'')}}</text></view> |
||||
|
<view class="text-df {{cell.floatPrice>0?'text-red':(cell.floatPrice<0?'text-green':'text-black')}}" |
||||
|
style="flex:1;text-align: center" style="flex:1;text-align: center;font-size:24rpx"> |
||||
|
{{cell.floatPrice>0?'+':''}}{{formate.formatePrice(cell.floatPrice)}}</view> |
||||
|
<view class="text-df text-balck" style="flex:1;text-align: center" style="flex:1;text-align: center"> |
||||
|
{{formate.formateDescripe(cell.curDeductionPoint)}}</view> |
||||
|
<view class="text-df text-balck" style="flex:1;text-align: center" id="toDmai" |
||||
|
data-fcId="{{item.paperMillId}}" data-paperId="{{cell.categoryId}}" |
||||
|
data-operations="{{item.isOperations}}" data-msg="{{item.manageNotifyMessage}}" catchtap="toPage"> |
||||
|
<view class="son-table-btn">代卖</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="width:100%;height:10rpx;background-color:#f3f3f3"></view> |
||||
|
<view class="midTietle"> |
||||
|
<view class="midTietleText1">行业情报</view> |
||||
|
<view class="midTietleText2" id="toqb" bindtap="toPage">更多资讯></view> |
||||
|
</view> |
||||
|
<view style="width:100%;height:2rpx;background-color:#f3f3f3"></view> |
||||
|
<!-- background-image:url(https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png); --> |
||||
|
<view class="bottomView" wx:for="{{factoryList}}" wx:key="index" id="{{item.id}}" bindtap="toPageDetails"> |
||||
|
<view class="bottomViewleft"> |
||||
|
<view class="bottomViewleft-top"> |
||||
|
<view style="height:41rpx;line-height:41rpx;font-size: 24rpx;color: #007AFF;"> |
||||
|
<wux-tag id="{{item.millPaperId}}" catchtap="toMill" wx:if="{{item.millPaperName}}"> |
||||
|
<text>#</text> |
||||
|
<text class="text-df" style="margin-left:10rpx">{{m1.newString(item.millPaperName)}}</text> |
||||
|
</wux-tag> |
||||
|
<text style="font-size: 32rpx;color:black;margin-left:16rpx">{{item.title}}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="bottomViewleft-bottem" |
||||
|
style="font-family: PingFangSC-Regular;font-size: 24rpx;color: rgba(0,0,0,0.50);"> |
||||
|
<view style="width:140rpx;height:33rpx;float:left;line-height:33rpx;overflow: hidden;">{{item.creatorName}} |
||||
|
</view> |
||||
|
<view style="width:260rpx;height:33rpx;float:right;line-height:33rpx;overflow: hidden;">{{item.updateTime}} |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="bottomViewRight"> |
||||
|
<image class="bottomViewRightImg" |
||||
|
src="{{item.imageUrlList[0]||'https://img.imgdb.cn/item/607664a48322e6675cd68a55.png'}}" mode="widthFix"> |
||||
|
</image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
|
||||
|
<wxs module="m1"> |
||||
|
var newString = function (string) { |
||||
|
var newString = string.substring(0, 4) |
||||
|
|
||||
|
return newString + '...'; |
||||
|
} |
||||
|
|
||||
|
module.exports.newString = newString; |
||||
|
</wxs> |
||||
|
<wxs module="m2"> |
||||
|
var newString = function (string) { |
||||
|
if (string.length > 4) { |
||||
|
var newString = string.substring(0, 4) |
||||
|
|
||||
|
return newString + '...'; |
||||
|
}else{ |
||||
|
return string |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
module.exports.newString = newString; |
||||
|
</wxs> |
||||
@ -0,0 +1,243 @@ |
|||||
|
/* pages/main/index.wxss */ |
||||
|
page { |
||||
|
background-color: white; |
||||
|
} |
||||
|
|
||||
|
.booking-tool { |
||||
|
width: calc(100% - 20px); |
||||
|
background-color: #008AFF; |
||||
|
position: fixed; |
||||
|
left: 25px; |
||||
|
} |
||||
|
|
||||
|
.roder-add { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
background-color: #008AFF; |
||||
|
border-radius: 50rpx; |
||||
|
position: absolute; |
||||
|
top: 24px; |
||||
|
right: 24px; |
||||
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
||||
|
} |
||||
|
|
||||
|
.boderLine { |
||||
|
width: 100%; |
||||
|
height: 50rpx; |
||||
|
background-color: #f3f3f3; |
||||
|
} |
||||
|
|
||||
|
.midTietle { |
||||
|
height: 100rpx; |
||||
|
width: 100%; |
||||
|
background-color: white; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding: 0rpx 40rpx 0rpx 40rpx; |
||||
|
} |
||||
|
|
||||
|
.midTietleText1 { |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 36rpx; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.midTietleText2 { |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
font-family: PingFangSC-Regular; |
||||
|
font-size: 28rpx; |
||||
|
color: rgba(0, 0, 0, 0.65); |
||||
|
letter-spacing: 0; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.zt { |
||||
|
background-color: white; |
||||
|
} |
||||
|
|
||||
|
.topTitle { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.topRight { |
||||
|
width: 50%; |
||||
|
height: 70rpx; |
||||
|
} |
||||
|
|
||||
|
.topLeft { |
||||
|
width: 50%; |
||||
|
height: 80rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.topLeftText { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 36rpx; |
||||
|
color: #FFFFFF; |
||||
|
letter-spacing: 0; |
||||
|
height: 60rpx; |
||||
|
line-height: 60rpx; |
||||
|
padding-left: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.topLeftTime { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 28rpx; |
||||
|
color: #FFFFFF; |
||||
|
letter-spacing: 0; |
||||
|
height: 60rpx; |
||||
|
line-height: 60rpx; |
||||
|
padding-left: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.topRightText { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 28rpx; |
||||
|
color: #FFFFFF; |
||||
|
letter-spacing: 0; |
||||
|
height: 60rpx; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
|
||||
|
.topRight-text{ |
||||
|
height: 80rpx; |
||||
|
width: 200rpx; |
||||
|
text-align: right; |
||||
|
line-height: 80rpx; |
||||
|
} |
||||
|
.topRight-icon{ |
||||
|
float: right; |
||||
|
height: 70rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-right: 35rpx; |
||||
|
} |
||||
|
|
||||
|
.topRightIcon { |
||||
|
height: 60rpx; |
||||
|
float: right; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-right: 36.3rpx; |
||||
|
} |
||||
|
|
||||
|
.onDataImg { |
||||
|
width: 320rpx; |
||||
|
height: 249rpx; |
||||
|
} |
||||
|
|
||||
|
.img-nodata { |
||||
|
width: 100%; |
||||
|
height: 548rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
margin-top: 30rpx; |
||||
|
} |
||||
|
|
||||
|
.top-nodata-text1 { |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 30rpx; |
||||
|
color: rgba(0, 0, 0, 0.75); |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
margin-top: 16rpx; |
||||
|
} |
||||
|
|
||||
|
.top-nodata-text2 { |
||||
|
width: 480rpx; |
||||
|
height: 88rpx; |
||||
|
background: #007AFF; |
||||
|
border-radius: 10rpx; |
||||
|
border-radius: 10rpx; |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 36rpx; |
||||
|
color: #FFFFFF; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
line-height: 88rpx; |
||||
|
text-align: center; |
||||
|
margin-top: 41rpx; |
||||
|
} |
||||
|
|
||||
|
.bottomView { |
||||
|
width: 750rpx; |
||||
|
height: 228rpx; |
||||
|
padding: 24rpx 32rpx 24rpx 32rpx; |
||||
|
border-bottom: 1px solid #f3f3f3; |
||||
|
} |
||||
|
|
||||
|
.bottomViewleft { |
||||
|
width: 423rpx; |
||||
|
height: 180rpx; |
||||
|
|
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.bottomViewRight { |
||||
|
width: 240rpx; |
||||
|
height: 180rpx; |
||||
|
float: right; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.tableStyle { |
||||
|
width: 100%; |
||||
|
line-height: 100rpx; |
||||
|
font-size: 34rpx; |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
letter-spacing: 0; |
||||
|
} |
||||
|
|
||||
|
.son-table-btn { |
||||
|
width: 120rpx; |
||||
|
height: 56rpx; |
||||
|
line-height: 56rpx; |
||||
|
font-size: 26rpx; |
||||
|
color: #007AFF; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
background: #FFFFFF; |
||||
|
border: 1rpx solid #007AFF; |
||||
|
border-radius: 28rpx; |
||||
|
border-radius: 28rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.bottomViewleft-top { |
||||
|
width: 100%; |
||||
|
height: 90rpx; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.bottomViewleft-bottem { |
||||
|
width: 100%; |
||||
|
height: 33rpx; |
||||
|
|
||||
|
margin-top: 57rpx; |
||||
|
} |
||||
|
|
||||
|
.bottomViewRightImg { |
||||
|
width: 240rpx; |
||||
|
height: 180rpx; |
||||
|
} |
||||
|
|
||||
|
.piker { |
||||
|
height: 80rpx; |
||||
|
line-height: 80rpx; |
||||
|
font-family: PingFangSC-Medium; |
||||
|
font-size: 28rpx; |
||||
|
color: rgba(0, 0, 0, 0.40); |
||||
|
letter-spacing: 0; |
||||
|
padding-left: 20rpx; |
||||
|
} |
||||
Write
Preview
Loading…
Cancel
Save