16 changed files with 237 additions and 27 deletions
-
30src/pages.json
-
2src/pages/index/index.vue
-
29src/pages/menu/forth.vue
-
32src/pages/menu/second.vue
-
117src/pages/menu/third.vue
-
BINsrc/static/images/third_pages/banner.png
-
BINsrc/static/images/third_pages/bg.png
-
BINsrc/static/images/third_pages/tab_a.png
-
BINsrc/static/images/third_pages/tab_b.png
-
2src/store/index.js
-
3src/subpackage/authorization/components/user_info/impower.vue
-
35src/subpackage/menu/components/bottom_logo.vue
-
6src/subpackage/message/components/edit/upload_img.vue
-
2src/subpackage/message/components/fixed_button.vue
-
2src/subpackage/message/pages/complaint/list.vue
-
2src/subpackage/message/pages/work_order/list.vue
@ -0,0 +1,32 @@ |
|||||
|
<template> |
||||
|
<view class="second-pages"> |
||||
|
<view class="sp-post"> |
||||
|
<view class="sp-box"> |
||||
|
<view class="tl-tit">板块更新中</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<bottom-logo is-fixed></bottom-logo> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import bottomLogo from "@/subpackage/menu/components/bottom_logo.vue"; |
||||
|
export default { |
||||
|
components:{ bottomLogo }, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.sp-post{ |
||||
|
padding: 24upx; |
||||
|
.sp-box{ |
||||
|
padding: 22upx 28upx; |
||||
|
height: 400upx; |
||||
|
background-image: linear-gradient(270deg, #d7d7da 0%, $mColor 100%); |
||||
|
.tl-tit{ |
||||
|
@include flcw(43upx, 60upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,117 @@ |
|||||
|
<template> |
||||
|
<view class="third-page"> |
||||
|
<view class="tp-container"> |
||||
|
<image class="tc-post" mode="aspectFit" src="/static/images/third_pages/banner.png"></image> |
||||
|
<view class="tc-bot"> |
||||
|
<view class="tb-left" @click="clickTap"> |
||||
|
<image class="tl-bg" mode="aspectFill" src="/static/images/third_pages/bg.png"></image> |
||||
|
<view class="tl-tit">采购商城</view> |
||||
|
<view class="tl-txt">采购专业装备</view> |
||||
|
</view> |
||||
|
<view class="tb-right"> |
||||
|
<view class="tr-item active" @click="clickTap"> |
||||
|
<view class="ti-title">客服外包</view> |
||||
|
<view class="ti-text">客服外包</view> |
||||
|
<image class="tr-icon" src="/static/images/third_pages/tab_a.png"></image> |
||||
|
</view> |
||||
|
<view class="tr-item" @click="clickTap"> |
||||
|
<view class="ti-title">敬请期待</view> |
||||
|
<view class="ti-text">敬请期待</view> |
||||
|
<image class="tr-icon" src="/static/images/third_pages/tab_b.png"></image> |
||||
|
</view> |
||||
|
<view class="tr-item" @click="clickTap"> |
||||
|
<view class="ti-title">敬请期待</view> |
||||
|
<view class="ti-text">敬请期待</view> |
||||
|
<image class="tr-icon" src="/static/images/third_pages/tab_b.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<bottom-logo is-fixed></bottom-logo> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import bottomLogo from "@/subpackage/menu/components/bottom_logo.vue"; |
||||
|
import { showNone } from "@/utils/util"; |
||||
|
export default { |
||||
|
components:{ bottomLogo }, |
||||
|
methods: { |
||||
|
clickTap(){ |
||||
|
showNone('板块更新中'); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.third-page{ |
||||
|
.tp-container{ |
||||
|
padding: 28upx 24upx 0upx; |
||||
|
.tc-post{ |
||||
|
display: block; |
||||
|
height: 400upx; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.tc-bot{ |
||||
|
margin-top: 24upx; |
||||
|
display: flex; |
||||
|
align-items: stretch; |
||||
|
.tb-left{ |
||||
|
position: relative; |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 22upx; |
||||
|
padding: 22upx 28upx; |
||||
|
width: 340upx; |
||||
|
height: 420upx; |
||||
|
.tl-bg{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.tl-tit{ |
||||
|
@include flcw(43upx, 60upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.tl-txt{ |
||||
|
@include flcw(30upx, 42upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
.tb-right{ |
||||
|
flex-grow: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
.tr-item{ |
||||
|
position: relative; |
||||
|
height: 124upx; |
||||
|
background-image: linear-gradient(270deg, #FFFFFF 0%, #C8C8CA 100%); |
||||
|
padding: 16upx; |
||||
|
&.active{ |
||||
|
background-image: linear-gradient(270deg, #F2D286 0%, #E0A46F 100%); |
||||
|
} |
||||
|
.ti-title{ |
||||
|
@include flcw(32upx, 44upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.ti-text{ |
||||
|
@include flcw(22upx, 32upx, #fff, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.tr-icon{ |
||||
|
position: absolute; |
||||
|
right: 6upx; |
||||
|
bottom: 0upx; |
||||
|
width: 136upx; |
||||
|
height: 104upx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
After Width: 351 | Height: 200 | Size: 23 KiB |
After Width: 170 | Height: 210 | Size: 2.5 KiB |
After Width: 68 | Height: 57 | Size: 2.3 KiB |
After Width: 68 | Height: 57 | Size: 1.9 KiB |
@ -1,27 +1,40 @@ |
|||||
<template> |
<template> |
||||
<view class="bottom-logo"> |
|
||||
<view class="bl-space"></view> |
|
||||
<image class="bl-img" mode="aspectFit" src="/subpackage/menu/static/images/bot_logo.png"></image> |
|
||||
|
<view class="bottom-logo" :class="{ 'fixed-active': isFixed }" @click="toWebView"> |
||||
|
<image @click="toWebView" class="bl-img" mode="aspectFit" src="/subpackage/menu/static/images/bot_logo.png"></image> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import { routeTo, jsonStr } from '@/utils/util.js' |
||||
export default { |
export default { |
||||
|
|
||||
|
props: { |
||||
|
isFixed: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
toWebView(){ |
||||
|
routeTo(`/pages/web_view/web_view?src=${jsonStr('https://www.ouxuanzhineng.cn/')}`, 'nT'); |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.bl-space{ |
|
||||
height: 152upx; |
|
||||
} |
|
||||
.bl-img{ |
|
||||
|
.bottom-logo{ |
||||
|
height: 200upx; |
||||
|
width: 100%; |
||||
|
@include ctf(center); |
||||
|
&.fixed-active{ |
||||
position: fixed; |
position: fixed; |
||||
left: 50%; |
left: 50%; |
||||
bottom: 52upx; |
|
||||
z-index: -1; |
|
||||
|
bottom: 0; |
||||
transform: translateX(-50%); |
transform: translateX(-50%); |
||||
display: block; |
|
||||
|
z-index: -1; |
||||
|
} |
||||
|
} |
||||
|
.bl-img{ |
||||
width: 312upx; |
width: 312upx; |
||||
height: 100upx; |
height: 100upx; |
||||
} |
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue