Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit bbaecd8e by amateur
Options

添加自律规则模块

1 parent b7493e13
Inline Side-by-side
Showing 8 changed files with 209 additions and 202 deletions
src/assets/css/common.css deleted 100644 → 0
* {
padding: 0;
margin: 0;
box-sizing: border-box;
touch-action: auto;
-webkit-overflow-scrolling: touch;
font-family: "苹方黑体-准-简", "PingFangSC-Regular", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft Jhenghei", sans-serif;
}
html,
body {
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
.iPhone .NavBar {
padding-top: calc(env(safe-area-inset-top) / 1.5);
}
.iPhone .NavBarWrap {
margin-bottom: calc(env(safe-area-inset-top) / 1.5);
}
.iPhone .payment_nav {
padding-top: calc(env(safe-area-inset-top) / 1.5);
}
.iPhone .payment_navbar_wrap {
padding-top: calc(env(safe-area-inset-top) / 1.5);
}
.iPhone .home {
padding-bottom: env(safe-area-inset-top);
}
.iPhone .navigation {
padding-top: calc(env(safe-area-inset-top) / 1.5) !important;
}
.iPhone .addAddress,
.iPhone .shop_item {
padding-top: calc(env(safe-area-inset-top) / 1.5);
}
.iPhone .product_footer {
padding-bottom: calc(env(safe-area-inset-bottom) / 1.5) !important;
padding-top: 15px !important;
}
.iPhone .header {
padding-top: calc(env(safe-area-inset-top) / 1.5) !important;
}
}
::-webkit-scrollbar {
display: none;
/* background-color:transparent; */
}
.pay {
height: 100vh;
width: 100vw;
}
#app {
height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
html {
-webkit-tap-highlight-color: transparent;
}
.icon {
width: 1.2em;
height: 1.2em;
fill: currentColor;
overflow: hidden;
}
.van-tabs__wrap--scrollable .van-tab {
flex: 1;
}
.van-tabs__line {
background-color: #729ae0;
bottom: 10px;
}
.van-button--default {
background-color: #292F42;
color: #fff;
}
.van-tab--active {
color: #729ae0;
}
.titlePaddingTop {
padding-top: 88px;
}
.left-enter,
.left-leave-to {
transform: translate3d(-100%, 0, 0);
}
.left-leave,
.left-enter-to {
transform: translate3d(0, 0, 0);
}
.left-enter-active,
.left-leave-active {
transition: all 0.2s;
}
.van-dialog__cancel {
background: #fff;
color: #545454;
}
.van-dialog__confirm {
background: #fff;
color: #5594E5;
}
.van-tabs__nav--line {
padding-bottom: 5px;
box-sizing: border-box;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: block;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.van-list__finished-text {
position: relative;
}
.van-list__finished-text::before {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
left: 120px;
}
.van-list__finished-text::after {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
right: 120px;
}
.noList .van-list__finished-text {
visibility: hidden !important;
}
.van-image-preview__index {
top: 93%;
}
.van-list__finished-text::before {
left: 2.1rem;
}
.van-list__finished-text::after {
right: 2.1rem;
}
input {
border: none;
}
.nafmii-head-bg1 {
background: url("~@/assets/icon/bg_login.png") no-repeat !important;
background-size: 100% !important;
background-position: center center;
}
.nafmii-head-bg2 {
background: url("~@/assets/icon/bg_mine.png") no-repeat !important;
background-size: 100% !important;
background-position: center center;
}
.nafmii-head-bg3 {
background: url("~@/assets/icon/bg_common.png") no-repeat !important;
background-size: 100% !important;
background-position: center center;
}
src/assets/css/common.less
......@@ -97,26 +97,11 @@ html {
overflow: hidden;
}
//iconfont end
//vant 相关
.van-tabs__wrap--scrollable .van-tab {
flex: 1
}
.van-tabs__line {
background-color: @theme;
bottom: 10px;
}
.van-button--default {
background-color: @headerBg;
color: #fff;
}
.van-tab--active {
color: @theme;
}
//vant 相关 end
.titlePaddingTop {
padding-top: 88px;
......@@ -149,10 +134,10 @@ html {
}
//vant nav
.van-tabs__nav--line {
padding-bottom: 5px;
box-sizing: border-box;
}
// .van-tabs__nav--line {
// padding-bottom: 3px;
// box-sizing: border-box;
// }
// 清除浮动
.clearfix {
......
src/assets/css/tabsmixin.less 0 → 100644
@NavHeight: 42px;
/deep/.van-tabs {
.van-tabs__wrap {
height: @NavHeight;
.van-tabs__nav {
background : transparent;
padding-bottom: 0;
.van-tab {
font-size: 15px;
color : white;
}
.van-tab--active {
font-size: 19px;
}
.van-tabs__line {
background: white;
bottom : 2px;
}
}
}
.van-tabs__content {
flex: 1;
.van-tab__pane {
height: 100%;
}
}
}
\ No newline at end of file
src/router/index.js
......@@ -7,6 +7,7 @@ import qulificationRouter from './modules/qualification'
import regIssueRouter from './modules/regIssue'
import homeRouter from './modules/home'
import newsRouter from './modules/news'
import selfregulatingRouter from './modules/selfregulating'
import { NativeMenuApi } from '@/api/NativeApis'
const APP_ENV = process.env.VUE_APP_NODE_ENV
......@@ -60,7 +61,7 @@ const routes = [
},
component: () => import(/* webpackChunkName: "PdfViewTwo" */ '@/views/pdf/two.vue') // 首页
}
].concat(userRouter, memberRouter, qulificationRouter, regIssueRouter, homeRouter, newsRouter)
].concat(userRouter, memberRouter, qulificationRouter, regIssueRouter, homeRouter, newsRouter, selfregulatingRouter)
const router = new VueRouter({
routes
......
src/router/modules/selfregulating.js 0 → 100644
const Routers = [
{
path: '/selfregulating',
name: 'SelfRegulating',
meta: {
title: '自律规则',
isLogin: false
},
component: () => import(/* webpackChunkName: "SelfRegulating" */ '@/views/selfregulating/index.vue') // 自律规则
},
{
path: '/selfregulating/search',
name: 'SelfRegulatingSearch',
meta: {
title: '自律规则',
isLogin: false
},
component: () => import(/* webpackChunkName: "SelfRegulatingSearch" */ '@/views/selfregulating/search.vue') // 自律规则搜索
},
]
export default Routers
\ No newline at end of file
src/views/selfregulating/components/DataListLayout.vue 0 → 100644
<template>
<section class="data-list-layout">
<NafmPullRefresh v-model="isRefresh" @refresh="isRefresh = true">
<NafmPageList v-model="isRefresh" :onLoad="handleLoad">
<template v-slot="{datas}">
<DataListItem v-for="(item, idx) in datas" :key="idx" :data="item" :dateText="$t('home.updateDate')" />
</template>
</NafmPageList>
</NafmPullRefresh>
</section>
</template>
<script>
import NafmPullRefresh from '@/components/NafmPullRefresh'
import NafmPageList from '@/components/NafmPageList'
import DataListItem from '@/components/DataListItem'
export default {
name: 'DataListLayout',
components: { NafmPullRefresh, NafmPageList, DataListItem },
props: {
tab: {
type: Object,
default: () => { return {} }
}
},
data () {
return {
isRefresh: false,
}
},
methods: {
handleLoad (param) {
return new Promise(resolve => {
setTimeout(() => {
resolve({
data: [
{
title: '创新推出碳中和债，助理实现30·60目标',
date: '2020-02-02',
dataType: '公告',
},
{
title: '创新推出碳中和债，助理实现30·60目标',
date: '2020-02-02',
dataType: '公告',
}
]
})
}, 2000);
})
}
}
}
</script>
<style lang="less" scoped>
@PaddingSize: 15px;
.data-list-layout {
height: 100%;
padding: 0 @PaddingSize;
/deep/.van-pull-refresh {
height: 100%;
}
}
</style>
\ No newline at end of file
src/views/selfregulating/index.vue 0 → 100644
<template>
<div class="self-regulating">
<nafm-header navClass="nafmii-head-bg3">
<template slot="bottom">
<SearchInput :placeholder="$t('home.searchPlaceholder')" />
<div class="nav-placeholder"></div>
</template>
</nafm-header>
<van-tabs v-model="active" animated scrollspy swipe-threshold="3" class="data-tabs">
<van-tab :title="item.name" v-for="(item,idx) in tabs" :key="idx">
<DataListLayout :tab="item" />
</van-tab>
</van-tabs>
</div>
</template>
<script>
import SearchInput from '@/components/SearchInput'
import DataListLayout from './components/DataListLayout'
export default {
name: 'SelfRegulating',
components: { SearchInput, DataListLayout },
data () {
return {
active: 0,
tabs: []
}
},
methods: {
handleTabs () {
setTimeout(() => {
this.tabs = [
{ id: 1, name: '全部' },
{ id: 2, name: '会员管理' },
{ id: 3, name: '产品创新' },
{ id: 4, name: '注册发行' },
{ id: 5, name: '后续管理' },
{ id: 6, name: '其他' },
]
}, 100);
}
},
mounted () {
this.handleTabs()
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/css/tabsmixin.less';
@PlaceholderHeight: 43px;
.self-regulating {
height: 100%;
display: flex;
flex-direction: column;
.nav-placeholder {
height: @PlaceholderHeight;
width: 100%;
}
.data-tabs {
flex: 1;
z-index: 10;
margin-top: -@PlaceholderHeight;
display: flex;
flex-direction: column;
}
}
</style>
\ No newline at end of file
src/views/selfregulating/search.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'SelfRegulatingSearch'
}
</script>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!