uu
This commit is contained in:
aihe
parent
6cf52a797b
commit
1cb584996b
@ -1,178 +0,0 @@
|
||||
<template>
|
||||
<view class="uni-container">
|
||||
<view v-if="!hasLeftWin" class="uni-header-logo">
|
||||
<image class="uni-header-image" src="/static/extuiIndex.png"></image>
|
||||
</view>
|
||||
<view v-if="!hasLeftWin" class="uni-hello-text">
|
||||
<text class="hello-text"></text>
|
||||
|
||||
</view>
|
||||
<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1 && hasLeftWin}" class="uni-panel"
|
||||
v-for="item in lists" :key="item.url">
|
||||
<view :class="{'left-win-active': leftWinActive === item.url && hasLeftWin}" class="uni-panel-h"
|
||||
@click="goDetailPage(item.url)">
|
||||
<text class="uni-panel-text">{{item.name}}</text>
|
||||
<text class="uni-panel-icon uni-icon"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
hasLeftWin: {
|
||||
type: Boolean
|
||||
},
|
||||
leftWinActive: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
hideList: [
|
||||
'load-more'
|
||||
],
|
||||
lists: [
|
||||
{
|
||||
name: "uni-forms 表单",
|
||||
url: "forms"
|
||||
},
|
||||
{
|
||||
name: "uni-badge 数字角标",
|
||||
url: "badge"
|
||||
},
|
||||
{
|
||||
name: "uni-breadcrumb 面包屑",
|
||||
url: "breadcrumb"
|
||||
},
|
||||
// {
|
||||
// name: "uni-calendar 日历",
|
||||
// url: "calendar"
|
||||
// },
|
||||
{
|
||||
name: "uni-card 卡片",
|
||||
url: "card"
|
||||
},
|
||||
{
|
||||
name: "uni-collapse 折叠面板",
|
||||
url: "collapse"
|
||||
},
|
||||
|
||||
// #ifndef APP-NVUE
|
||||
{
|
||||
name: "uni-combox 组合框",
|
||||
url: "combox"
|
||||
},
|
||||
// #endif
|
||||
|
||||
{
|
||||
name: "uni-data-checkbox 数据选择器",
|
||||
url: "data-checkbox"
|
||||
},
|
||||
{
|
||||
name: "uni-data-picker 数据驱动的picker选择器",
|
||||
url: "data-picker"
|
||||
},
|
||||
{
|
||||
name: "uni-data-select 数据驱动的下拉框",
|
||||
url: "data-select"
|
||||
},
|
||||
{
|
||||
name: "uni-dateformat 日期格式化",
|
||||
url: "dateformat"
|
||||
},
|
||||
{
|
||||
name: "uni-datetime-picker 日期选择器",
|
||||
url: "datetime-picker"
|
||||
},
|
||||
{
|
||||
name: "uni-easyinput 增强输入框",
|
||||
url: "easyinput"
|
||||
},
|
||||
{
|
||||
name: "uni-fab 悬浮按钮",
|
||||
url: "fab"
|
||||
},
|
||||
|
||||
{
|
||||
name: "uni-goods-nav 商品导航",
|
||||
url: "goods-nav"
|
||||
},
|
||||
{
|
||||
name: "uni-grid 宫格",
|
||||
url: "grid"
|
||||
},
|
||||
{
|
||||
name: "uni-group 分组",
|
||||
url: "group"
|
||||
},
|
||||
{
|
||||
name: "uni-icons 图标",
|
||||
url: "icons"
|
||||
},
|
||||
{
|
||||
name: "uni-notice-bar 通告栏",
|
||||
url: "notice-bar"
|
||||
},
|
||||
{
|
||||
name: "uni-number-box 数字输入框",
|
||||
url: "number-box"
|
||||
},
|
||||
{
|
||||
name: "uni-pagination 分页器",
|
||||
url: "pagination"
|
||||
},
|
||||
{
|
||||
name: "uni-popup 弹出层",
|
||||
url: "popup"
|
||||
},
|
||||
{
|
||||
name: "uni-tooltip 文字提示",
|
||||
url: "tooltip"
|
||||
},
|
||||
]
|
||||
};
|
||||
},
|
||||
onLoad() {},
|
||||
onReady() {
|
||||
// #ifdef APP-NVUE
|
||||
uni.preloadPage({
|
||||
url: "/pages/extUI/calendar/calendar",
|
||||
success() {
|
||||
console.log("preloadPage /pages/extUI/calendar/calendar")
|
||||
},
|
||||
fail() {}
|
||||
})
|
||||
// #endif
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '欢迎体验uni-app',
|
||||
path: '/pages/tabBar/extUI/extUI'
|
||||
}
|
||||
},
|
||||
onNavigationBarButtonTap(e) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/about/about'
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
goDetailPage(path) {
|
||||
const url = '/pages/extUI/' + path + '/' + path
|
||||
if (this.hasLeftWin) {
|
||||
uni.reLaunch({
|
||||
url: url
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '../../../common/uni-nvue.css';
|
||||
</style>
|
||||
@ -1,392 +0,0 @@
|
||||
<template>
|
||||
<view class="uni-container">
|
||||
<template v-if="showSetTabBarPage">
|
||||
<set-tab-bar @unmount="leaveSetTabBarPage"></set-tab-bar>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view v-if="!hasLeftWin" class="uni-header-logo">
|
||||
<image class="uni-header-image" src="/static/apiIndex.png"></image>
|
||||
</view>
|
||||
|
||||
<view class="uni-panel" v-for="(item, index) in list" :key="item.id">
|
||||
<view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index, item.id)">
|
||||
<text class="uni-panel-text">{{item.name}}</text>
|
||||
<text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{item.pages ? '' : ''}}</text>
|
||||
</view>
|
||||
<view class="uni-panel-c" v-if="item.open">
|
||||
<view :class="{'left-win-active': leftWinActive === item2.url && hasLeftWin, 'pc-hide': item2.name === '设置TabBar' && hasLeftWin}" class="uni-navigate-item" v-for="(item2,key) in item.pages" :key="key" :url="item.url" @click="goDetailPage(item.id, item2.url)">
|
||||
<text class="uni-navigate-text">{{item2.name ? item2.name : item2}}</text>
|
||||
<text class="uni-navigate-icon uni-icon"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import setTabBar from '@/components/api-set-tabbar.nvue';
|
||||
export default {
|
||||
components: {
|
||||
setTabBar
|
||||
},
|
||||
props: {
|
||||
hasLeftWin: {
|
||||
type: Boolean
|
||||
},
|
||||
leftWinActive: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data() {
|
||||
// 暂时这么写，后面看怎么优化。
|
||||
let mediaPages = [{
|
||||
name: '图片',
|
||||
url: 'image'
|
||||
},
|
||||
// #ifndef MP-LARK
|
||||
{
|
||||
name: '音频',
|
||||
url: 'inner-audio'
|
||||
},
|
||||
// #endif
|
||||
// #ifdef APP-PLUS || MP-WEIXIN || MP-BAIDU || MP-QQ|| MP-JD
|
||||
{
|
||||
name: '录音',
|
||||
url: 'voice'
|
||||
},
|
||||
{
|
||||
name: '背景音频',
|
||||
url: 'background-audio'
|
||||
},
|
||||
// #endif
|
||||
// #ifndef MP-ALIPAY
|
||||
{
|
||||
name: '视频',
|
||||
url: 'video'
|
||||
},
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
{
|
||||
name: '文件',
|
||||
url: 'file'
|
||||
},
|
||||
// #endif
|
||||
// #ifndef H5 || MP-ALIPAY
|
||||
{
|
||||
name: '保存媒体到本地',
|
||||
url: 'save-media'
|
||||
}
|
||||
// #endif
|
||||
];
|
||||
|
||||
const list = [{
|
||||
name: '扫码',
|
||||
url: 'scan-code'
|
||||
},
|
||||
{
|
||||
name: '按键扫码',
|
||||
url: 'scan-code2',
|
||||
},
|
||||
// #ifdef APP-PLUS || MP-WEIXIN || MP-QQ || MP-JD
|
||||
{
|
||||
name: '蓝牙',
|
||||
pages: [
|
||||
// {
|
||||
// name: '经典蓝牙打印',
|
||||
// url: 'bluetooth-printer'
|
||||
// },
|
||||
// {
|
||||
// name: '低功耗蓝牙打印',
|
||||
// url: 'bluetooth-mini-printer'
|
||||
// },
|
||||
{
|
||||
name: '基准',
|
||||
url: 'bluetooth'
|
||||
}
|
||||
]
|
||||
},
|
||||
// #endif
|
||||
{
|
||||
id: 'page',
|
||||
name: '界面',
|
||||
open: false,
|
||||
pages: [
|
||||
{
|
||||
name: '设置导航条',
|
||||
url: 'set-navigation-bar-title'
|
||||
},
|
||||
|
||||
{
|
||||
name: '页面跳转',
|
||||
url: 'navigator'
|
||||
},
|
||||
//#ifndef MP-TOUTIAO
|
||||
{
|
||||
name: '设置TabBar',
|
||||
url: 'set-tabbar'
|
||||
},
|
||||
//#endif
|
||||
{
|
||||
name: '下拉刷新',
|
||||
url: 'pull-down-refresh'
|
||||
},
|
||||
{
|
||||
name: '显示操作菜单',
|
||||
url: 'action-sheet'
|
||||
},
|
||||
{
|
||||
name: '显示模态弹窗',
|
||||
url: 'modal'
|
||||
},
|
||||
{
|
||||
name: '显示加载提示框',
|
||||
url: 'show-loading'
|
||||
},
|
||||
{
|
||||
name: '显示消息提示框',
|
||||
url: 'toast'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'device',
|
||||
name: '设备',
|
||||
open: false,
|
||||
pages: [{
|
||||
name: '获取设备网络状态',
|
||||
url: 'get-network-type'
|
||||
},
|
||||
{
|
||||
name: '获取设备系统信息',
|
||||
url: 'get-system-info'
|
||||
},
|
||||
{
|
||||
name: '打电话',
|
||||
url: 'make-phone-call'
|
||||
},
|
||||
//#ifndef H5
|
||||
{
|
||||
name: '震动',
|
||||
url: 'vibrate'
|
||||
},
|
||||
{
|
||||
name: '添加手机联系人',
|
||||
url: 'add-phone-contact'
|
||||
},
|
||||
|
||||
{
|
||||
name: '剪贴板',
|
||||
url: 'clipboard'
|
||||
},
|
||||
//#endif
|
||||
// #ifndef H5 || MP-ALIPAY
|
||||
{
|
||||
name: '屏幕亮度',
|
||||
url: 'brightness'
|
||||
},
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS || MP-WEIXIN || MP-QQ
|
||||
{
|
||||
name: '生物认证',
|
||||
url: 'soter'
|
||||
},
|
||||
// #endif
|
||||
// #ifdef APP-PLUS || MP-WEIXIN
|
||||
{
|
||||
name: 'iBeacon',
|
||||
url: 'ibeacon'
|
||||
},
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
{
|
||||
name: '监听加速度传感器',
|
||||
url: 'on-accelerometer-change'
|
||||
},
|
||||
// #endif
|
||||
// #ifndef H5 || MP-JD
|
||||
{
|
||||
name: '监听罗盘数据',
|
||||
url: 'on-compass-change'
|
||||
},
|
||||
// #endif
|
||||
//#ifdef APP-PLUS
|
||||
{
|
||||
name: '监听距离传感器',
|
||||
url: '/platforms/app-plus/proximity/proximity'
|
||||
},
|
||||
{
|
||||
name: '监听方向传感器',
|
||||
url: '/platforms/app-plus/orientation/orientation'
|
||||
}
|
||||
//#endif
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'network',
|
||||
name: '网络',
|
||||
open: false,
|
||||
pages: [{
|
||||
name: '发起一个请求',
|
||||
url: 'request'
|
||||
},
|
||||
{
|
||||
name: '上传文件',
|
||||
url: 'upload-file'
|
||||
},
|
||||
{
|
||||
name: '下载文件',
|
||||
url: 'download-file'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
id: 'media',
|
||||
name: '媒体',
|
||||
open: false,
|
||||
pages: mediaPages
|
||||
},
|
||||
// #ifndef MP-KUAISHOU
|
||||
{
|
||||
id: 'location',
|
||||
name: '位置',
|
||||
open: false,
|
||||
pages: [{
|
||||
name: '获取当前位置',
|
||||
url: 'get-location'
|
||||
},
|
||||
{
|
||||
name: '使用地图查看位置',
|
||||
url: 'open-location'
|
||||
},
|
||||
// #ifndef MP-TOUTIAO
|
||||
{
|
||||
name: '使用地图选择位置',
|
||||
url: 'choose-location'
|
||||
}
|
||||
// #endif
|
||||
// #ifndef MP-QQ || MP-TOUTIAO || MP-LARK
|
||||
,
|
||||
{
|
||||
name: '地图控制',
|
||||
url: 'map'
|
||||
}
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
,
|
||||
{
|
||||
name: '地图搜索',
|
||||
url: 'map-search'
|
||||
}
|
||||
// #endif
|
||||
]
|
||||
},
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS
|
||||
|
||||
{
|
||||
id: 'push',
|
||||
name: '推送',
|
||||
open: false,
|
||||
pages: [{
|
||||
name: '推送',
|
||||
url: '/platforms/app-plus/push/push'
|
||||
}]
|
||||
}
|
||||
//#endif
|
||||
];
|
||||
return {
|
||||
showSetTabBarPage: false,
|
||||
list: list,
|
||||
notForPc: [{
|
||||
name: '设置TabBar',
|
||||
url: 'set-tabbar'
|
||||
}]
|
||||
};
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '欢迎体验uni-app',
|
||||
path: '/pages/tabBar/API/API'
|
||||
};
|
||||
},
|
||||
onNavigationBarButtonTap(e) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/about/about'
|
||||
});
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
onReady() {
|
||||
},
|
||||
onShow() {
|
||||
this.navigateFlag = false;
|
||||
this.leaveSetTabBarPage();
|
||||
},
|
||||
onHide() {
|
||||
this.leaveSetTabBarPage();
|
||||
},
|
||||
|
||||
// #ifdef H5
|
||||
watch:{
|
||||
$route: {
|
||||
immediate: true,
|
||||
handler(newRoute) {
|
||||
if (newRoute.matched.length) {
|
||||
let path = newRoute.path.split('/')[3]
|
||||
for (const item of this.list) {
|
||||
if (Array.isArray(item.pages)) {
|
||||
for (const page of item.pages) {
|
||||
if (page === path || page.url && page.url === path) {
|
||||
item.open = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// #endif
|
||||
methods: {
|
||||
triggerCollapse(e, id) {
|
||||
if (!this.list[e].pages) {
|
||||
this.goDetailPage('', this.list[e].url);
|
||||
return;
|
||||
}
|
||||
for (var i = 0; i < this.list.length; ++i) {
|
||||
if (e === i) {
|
||||
this.list[i].open = !this.list[i].open;
|
||||
} else {
|
||||
this.list[i].open = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
goDetailPage(panel, e) {
|
||||
if (e === 'set-tabbar') {
|
||||
this.showSetTabBarPage = true;
|
||||
return;
|
||||
}
|
||||
let url = ~e.indexOf('platform') ? e : '/pages/API/' + e + '/' + e;
|
||||
if (this.hasLeftWin) {
|
||||
uni.reLaunch({
|
||||
url: url
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
}
|
||||
},
|
||||
leaveSetTabBarPage() {
|
||||
this.showSetTabBarPage = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '../../../common/uni-nvue.css';
|
||||
</style>
|
||||
@ -1,266 +0,0 @@
|
||||
<template>
|
||||
<view style="position: relative;height: 100%;background-color: #fff;">
|
||||
|
||||
|
||||
<image class="hdbg" :src="getCdnUrl(`sdg/hdbg.png`)"/>
|
||||
<view class="pg-container">
|
||||
<view class="header">
|
||||
<view class="title1">探路物流 速运全球 </view>
|
||||
<view class="desc">省钱，省时，省力</view>
|
||||
<button type="primary" class="btn-ljyy">立即预约</button>
|
||||
<view class="btnlist1">
|
||||
<view v-for="mbItem in mainBtnlist" class="mbitem">
|
||||
<image mode="aspectFit" class="tb1" :src="mbItem.icon"/>
|
||||
<view class="neirong">
|
||||
<view class="nr1">{{mbItem.title}}</view>
|
||||
<view class="nr2">{{mbItem.subTitle}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="pbody">
|
||||
<view class="btnlist2">
|
||||
<view v-for="tlItem in toolBtnlist" class="tlitem">
|
||||
<view class="neirong">
|
||||
<view class="nr1">{{tlItem.title}}</view>
|
||||
<view class="nr2">{{tlItem.subTitle}}</view>
|
||||
</view>
|
||||
<image class="tb1" :src="tlItem.icon" mode="heightFix"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pfoot">
|
||||
<view class="flw-dec">关注探路者官方公众号，实时接收物流信息</view>
|
||||
<view class="btn-login">去登录</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
export default {
|
||||
props: {
|
||||
// hasLeftWin: {
|
||||
// type: Boolean
|
||||
// }
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mainBtnlist: [
|
||||
{ title: '下单寄件', subTitle: "上门揽件/寄仓库", icon: getCdnUrl(`sdg/btn-send.png`), url: '' },
|
||||
{ title: '专属小哥', subTitle: "下单给专属业务员", icon: getCdnUrl(`sdg/btn-bindbr.png`), url: '' }
|
||||
],
|
||||
toolBtnlist: [
|
||||
{ title: '进仓单', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-jcd.png`), url: '' },
|
||||
{ title: '时效预估', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-sxyg.png`), url: '' },
|
||||
{ title: '运费试算', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-shisuan.png`), url: '' },
|
||||
{ title: '我的订单', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dingdan.png`), url: '' },
|
||||
{ title: '运单查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-yundan.png`), url: '' },
|
||||
{ title: '地址簿', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dizhi.png`), url: '' },
|
||||
{ title: '网点查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-wangdain.png`), url: '' },
|
||||
{ title: 'HSCODE', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-HS.png`), url: '' },
|
||||
{ title: 'RECP', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-RE.png`), url: '' },
|
||||
{ title: '扫码寄件', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-saoma.png`), url: '' },
|
||||
{ title: '寄件须知', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-xuzhi.png`), url: '' },
|
||||
]
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '探路物流 速运全球',
|
||||
// path: 'TODO'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getCdnUrl,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '../../../common/uni-nvue.css';
|
||||
</style>
|
||||
<style scoped lang="less">
|
||||
.hdbg{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
}
|
||||
.pg-container{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.header{
|
||||
padding: 0 28rpx;
|
||||
.title1{
|
||||
width: 362rpx;
|
||||
height: 41rpx;
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #FFF;
|
||||
text-shadow: 3rpx 4rpx 0rpx rgba(92,15,12,0.2);
|
||||
}
|
||||
.desc{
|
||||
margin-top: 22rpx;
|
||||
width: 207rpx;
|
||||
height: 28rpx;
|
||||
font-size: 24rpx;
|
||||
color: #FFF;
|
||||
}
|
||||
.btn-ljyy{
|
||||
width: 144rpx;
|
||||
margin-top: 40rpx;
|
||||
box-sizing: content-box;
|
||||
background: #FFF;
|
||||
border-radius: 21rpx;
|
||||
font-size: 24rpx;
|
||||
color: #B12D29;
|
||||
padding: 8rpx 0;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.btnlist1 {
|
||||
margin-top: 38rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
background: linear-gradient(0deg, #1D1818 0%, #0E0708 100%);
|
||||
border-radius: 30rpx 30rpx 0rpx 0rpx;
|
||||
padding: 36rpx 24rpx 22rpx 24rpx;
|
||||
.mbitem{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.tb1 {
|
||||
width: 92rpx;
|
||||
height: 73rpx;
|
||||
}
|
||||
.neirong{
|
||||
margin-left: 22rpx;
|
||||
.nr1{
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
.nr2{
|
||||
margin-top: 15rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
content: ' ';
|
||||
right: -40rpx;
|
||||
display: block;
|
||||
background: #FFF;
|
||||
opacity: 0.5;
|
||||
width: 1rpx;
|
||||
}
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pbody{
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 40rpx 28rpx 100rpx 28rpx;
|
||||
.btnlist2{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.tlitem {
|
||||
margin: 0 0 20rpx 0;
|
||||
width: 48.6%;
|
||||
background: #F6F6F6;
|
||||
padding: 30rpx 28rpx;
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
&:nth-child(2n) {
|
||||
/* 去除第2n个的margin-right */
|
||||
margin-right: 0;
|
||||
}
|
||||
.tb1 {
|
||||
width: auto;
|
||||
height: 50rpx;
|
||||
}
|
||||
.neirong{
|
||||
margin-left: 22rpx;
|
||||
.nr1{
|
||||
font-weight: 600;
|
||||
color: #0E0708;
|
||||
font-size: 28rpx
|
||||
}
|
||||
.nr2{
|
||||
margin-top: 15rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
content: ' ';
|
||||
right: -40rpx;
|
||||
display: block;
|
||||
background: #FFF;
|
||||
opacity: 0.5;
|
||||
width: 1rpx;
|
||||
}
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.pfoot {
|
||||
position: fixed;
|
||||
bottom: 20rpx;
|
||||
left: 28rpx;
|
||||
right: 28rpx;
|
||||
padding: 0 8rpx 0 26rpx;
|
||||
height: 72rpx;
|
||||
background: #0E0708;
|
||||
border-radius: 36rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
.flw-dec{
|
||||
font-size: 24rpx;
|
||||
color: #FFF;
|
||||
}
|
||||
.btn-login{
|
||||
text-align: center;
|
||||
width: 130rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
background: #B12D29;
|
||||
border-radius: 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user