10 changed files with 584 additions and 13 deletions
Split 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 */ |
|||
.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