Browse Source

云生态

zys
kk_888 3 years ago
parent
commit
10642f4525
  1. 6
      pages/demandHall/business/index.vue
  2. 7
      pages/demandHall/projectDetail/index.vue
  3. 64
      pages/home/activityCenter/index.vue
  4. 173
      pages/home/index.vue
  5. 260
      pages/information/index.vue
  6. 133
      pages/life/articleList/index.vue
  7. 8
      pages/life/learnMore/index.vue
  8. 100
      pages/life/yunInfo/index.vue
  9. 28
      pages/release/index2.vue
  10. 207
      pages/release/investorAuth/index.vue
  11. BIN
      static/images/center-img.png
  12. BIN
      static/images/details1.png
  13. BIN
      static/images/details2.png
  14. BIN
      static/images/details3.png
  15. BIN
      static/images/details4.png
  16. BIN
      static/images/learnMore1.png
  17. BIN
      static/images/learnMore2.png
  18. BIN
      static/images/learnMore3.png
  19. BIN
      static/images/learnMore4.png

6
pages/demandHall/business/index.vue

@ -283,7 +283,6 @@
width: 100%; width: 100%;
height: 330rpx; height: 330rpx;
white-space: nowrap; white-space: nowrap;
margin-left: 30rpx;
.company-list { .company-list {
width: 408rpx; width: 408rpx;
@ -293,7 +292,7 @@
border-radius: 12rpx; border-radius: 12rpx;
padding: 16rpx 24rpx; padding: 16rpx 24rpx;
display: inline-block; display: inline-block;
margin: 15rpx 30rpx 0 10rpx; margin: 15rpx 32rpx 0 0rpx;
.title { .title {
font-size: 28rpx; font-size: 28rpx;
@ -352,6 +351,9 @@
} }
} }
} }
.company-list:nth-child(1){
margin-left: 40rpx;
}
} }
// //

7
pages/demandHall/projectDetail/index.vue

@ -299,7 +299,6 @@
width: 100%; width: 100%;
height: 345rpx; height: 345rpx;
white-space: nowrap; white-space: nowrap;
padding-left: 22rpx;
} }
.recommend-list { .recommend-list {
@ -310,9 +309,11 @@
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
display: inline-block; display: inline-block;
margin: 0 22rpx 0 10rpx; margin: 0 32rpx 0 0rpx;
}
.recommend-list:nth-child(1){
margin-left: 32rpx;
} }
.recommend-list image { .recommend-list image {
width: 392rpx; width: 392rpx;
height: 194rpx; height: 194rpx;

64
pages/home/activityCenter/index.vue

@ -1,23 +1,26 @@
<template> <template>
<!-- sdsd 345 --> <!-- sdsd 345 -->
<view class="activityCenter-page"> <view class="activityCenter-page">
<image src="/static/images/center-img.png" class="top-bg"></image> <image src="https://download.cyjyyjy.com/center-img.png" class="top-bg"></image>
<view class="page-title" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">活动中心</view> <view class="page-title"
:style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">
活动中心</view>
<view class="activity-box"> <view class="activity-box">
<view class="activity-list acea-row" v-for="(item,index) in 3"> <view class="activity-list acea-row" v-for="(item,index) in activity" :key="index" @tap="toActiveDetail"
<image src="../../../static/images/business-img1.png" mode="" class="act-img"></image> :data-id="item.id">
<image :src="item.images" mode="aspectFill" class="act-img"></image>
<view class="act-con acea-row row-column-between"> <view class="act-con acea-row row-column-between">
<view class="title">云生态会员招募开始</view> <view class="title line2">{{item.name}}</view>
<view class="act-time acea-row row-middle"> <view class="act-time acea-row row-middle">
<image src="../../../static/images/act-time.png" mode="" class="time-img"></image> <image src="../../../static/images/act-time.png" mode="" class="time-img"></image>
<view>12-23 00:00至11-25 23:00</view> <view>{{item.activityStartTime.split(' ')[0]}}{{item.activityEndTime.split(' ')[0]}}</view>
</view> </view>
<view class="act-adress acea-row"> <view class="act-adress acea-row">
<image src="../../../static/images/act-address.png" mode="" class="address-img"></image> <image src="../../../static/images/act-address.png" mode="" class="address-img"></image>
<view class="title-line">武汉市江夏区文化大道288号斤斤计较经济放假安排发金额为吉安打了个</view> <view class="title-line line2">{{item.address}}</view>
</view> </view>
<view class="acea-row row-between-wrapper act-price"> <view class="acea-row row-between-wrapper act-price">
<text class="act-p">888.00</text> <text class="act-p">{{item.price}}</text>
<text class="act-i">进行中</text> <text class="act-i">进行中</text>
<view class="enter-btn">立即报名</view> <view class="enter-btn">立即报名</view>
</view> </view>
@ -28,14 +31,34 @@
</template> </template>
<script> <script>
import {
getIndexData
} from "@/api/home";
const app = getApp(); const app = getApp();
export default { export default {
data() { data() {
return { return {
menuHeight: app.globalData.menuHeight, menuHeight: app.globalData.menuHeight,
menuTop: app.globalData.menuTop, menuTop: app.globalData.menuTop,
activity: [], //
}; };
}, },
mounted: function() {
this.getIndexData()
},
methods: {
getIndexData() {
getIndexData().then(res => {
this.activity = res.data.recommendActivity.content
})
},
toActiveDetail(e) {
let id = e.currentTarget.dataset.id;
uni.navigateTo({
url: '/pages/activity/detail/index?id=' + id
});
},
}
} }
</script> </script>
@ -46,16 +69,19 @@
background: #fff; background: #fff;
position: relative; position: relative;
} }
.top-bg { .top-bg {
width: 100%; width: 100%;
height: 1210rpx; height: 1210rpx;
} }
.page-title { .page-title {
width: 100%; width: 100%;
color: #fff; color: #fff;
text-align: center;
position: absolute; position: absolute;
text-align: center;
} }
.activity-box { .activity-box {
width: 100%; width: 100%;
height: auto; height: auto;
@ -70,27 +96,29 @@
.activity-list { .activity-list {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;
padding: 20rpx 0; padding: 20rpx 0;
.act-img { .act-img {
width: 178rpx; width: 178rpx;
height: 236rpx; height: 236rpx;
margin-right: 20rpx; margin-right: 20rpx;
border-radius: 8rpx;
} }
.act-con { .act-con {
width: 450rpx; width: 450rpx;
height: 236rpx; height: 236rpx;
padding: 5rpx 0; padding: 5rpx 0;
.title { .title {
width: 345rpx;
height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
line-height: 35rpx;
color: #1D1D1D; color: #1D1D1D;
} }
.act-time { .act-time {
width: 345rpx;
font-size: 24rpx; font-size: 24rpx;
color: #191919; color: #191919;
.time-img { .time-img {
width: 18rpx; width: 18rpx;
height: 22rpx; height: 22rpx;
@ -98,16 +126,17 @@
margin: 0rpx 16rpx 0 0; margin: 0rpx 16rpx 0 0;
} }
} }
.act-adress { .act-adress {
width: 345rpx;
height: 67rpx; height: 67rpx;
.address-img { .address-img {
width: 19rpx; width: 19rpx;
height: 23rpx; height: 23rpx;
margin: 7rpx 14rpx 40rpx 0; margin: 7rpx 14rpx 40rpx 0;
} }
.title-line { .title-line {
width: 308rpx;
height: 68rpx; height: 68rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
@ -116,18 +145,22 @@
overflow: hidden; overflow: hidden;
} }
} }
.act-price { .act-price {
width: 100%; width: 100%;
.act-i { .act-i {
font-size: 24rpx; font-size: 24rpx;
color: #FF5A0E; color: #FF5A0E;
font-weight: 600; font-weight: 600;
} }
.act-p { .act-p {
font-size: 32rpx; font-size: 32rpx;
color: #2A2B2B; color: #2A2B2B;
font-weight: 600; font-weight: 600;
} }
.enter-btn { .enter-btn {
width: 138rpx; width: 138rpx;
height: 40rpx; height: 40rpx;
@ -141,5 +174,4 @@
} }
} }
} }
</style> </style>

173
pages/home/index.vue

@ -1,12 +1,18 @@
<template> <template>
<view class="productSort"> <view class="productSort">
<!-- 顶部主页 --> <!-- 顶部主页 -->
<skeleton v-if="showSkeleton" ref="<strong>skeleton</strong>" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton> <skeleton v-if="showSkeleton" ref="<strong>skeleton</strong>" loading="chiaroscuro" selector="skeleton"
<view class="pageTitle-box" :class="isFixed ? 'showPageTitle' : ''" :style="{'padding-top':navTopHeight + 'px',height:navHeight*2+ 'px'}"> bgcolor="#FFF"></skeleton>
<view class="top-logo acea-row row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">禪易生态云</view> <view class="pageTitle-box" :class="isFixed ? 'showPageTitle' : ''"
:style="{'padding-top':navTopHeight + 'px',height:navHeight*2+ 'px'}">
<view class="top-logo acea-row row-center"
:style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">禪易生态云
</view>
</view> </view>
<view class="main-box skeleton-rect"> <view class="main-box skeleton-rect">
<view class="back-bg"><image src="https://download.cyjyyjy.com/life-bg.png" mode=""></image></view> <view class="back-bg">
<image src="https://download.cyjyyjy.com/life-bg.png" mode=""></image>
</view>
<view class="details-btn skeleton-rect" @click="tolearnMore">了解详情</view> <view class="details-btn skeleton-rect" @click="tolearnMore">了解详情</view>
</view> </view>
<!-- 云快讯 --> <!-- 云快讯 -->
@ -24,20 +30,28 @@
</view> </view>
<!-- 最新活动 --> <!-- 最新活动 -->
<view class="act-box skeleton-rect"> <view class="act-box skeleton-rect">
<view class="headline"><image src="../../static/images/new-act.png" mode="" skeleton-rect></image></view> <view class="headline acea-row row-between-wrapper">
<image src="../../static/images/new-act.png" mode="" skeleton-rect class="headline-img"></image>
<view class="more-r skeleton-rect" @click="toNewActivity">
<text>查看更多</text>
<image src="../../static/images/home/arrow-r.png"></image>
</view>
</view>
<scroll-view class="scroll-view_H" scroll-x="true"> <scroll-view class="scroll-view_H" scroll-x="true">
<view class="slide-left skeleton-rect" v-for="(item,index) in activity" :key="index" @tap="toActiveDetail" :data-id="item.id"> <view class="slide-left skeleton-rect" v-for="(item,index) in activity" :key="index"
@tap="toActiveDetail" :data-id="item.id">
<view class="act-title">{{item.name}}</view> <view class="act-title">{{item.name}}</view>
<view class="resource-list acea-row-nowrap"> <view class="resource-list acea-row-nowrap">
<image :src="item.images" class="act-img" mode="aspectFill"></image> <image :src="item.images" class="act-img" mode="aspectFill"></image>
<view class="act-con acea-row row-middle"> <view class="act-con acea-row row-middle">
<view class="act-time acea-row row-middle line1"> <view class="act-time acea-row row-middle line1">
<image src="../../static/images/act-time.png" mode=""></image> <image src="../../static/images/act-time.png" mode=""></image>
<view>{{item.activityStartTime.split(' ')[0]}}{{item.activityEndTime.split(' ')[0]}}</view> <view>{{item.activityStartTime.split(' ')[0]}}{{item.activityEndTime.split(' ')[0]}}
</view>
</view> </view>
<view class="act-adress acea-row line1"> <view class="act-adress acea-row line1">
<image src="../../static/images/act-address.png" mode=""></image> <image src="../../static/images/act-address.png" mode=""></image>
<view class="title-line">{{item.address}}</view> <view class="title-line line2">{{item.address}}</view>
</view> </view>
<view class="acea-row row-between-wrapper act-price"> <view class="acea-row row-between-wrapper act-price">
<text class="act-i">进行中</text> <text class="act-i">进行中</text>
@ -57,9 +71,9 @@
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<!-- 最新活动 --> <!-- 推荐供需 -->
<view class="rec-box"> <view class="rec-box">
<view class="headline skeleton-rect"><image src="../../static/images/rec-headline.png" mode=""></image></view> <image src="../../static/images/rec-headline.png" mode="" class="headline-img" skeleton-rect></image>
<view class="rec-switch"> <view class="rec-switch">
<view class="rec-title acea-row"> <view class="rec-title acea-row">
<view class="rec-l " @click="tabClick(1)"> <view class="rec-l " @click="tabClick(1)">
@ -79,7 +93,8 @@
</view> </view>
<view class="rec-switch-a"> <view class="rec-switch-a">
<view class="list-box" v-if="active == 1"> <view class="list-box" v-if="active == 1">
<view class="rec-list acea-row row-column-between" v-for="(item,index) in demandList" :key="index" @click="toNeedDetail(item.id)"> <view class="rec-list acea-row row-column-between" v-for="(item,index) in demandList"
:key="index" @click="toNeedDetail(item.id)">
<view class="acea-row row-middle"> <view class="acea-row row-middle">
<image src="../../static/images/rec-icon1.png" mode="aspectFill"></image> <image src="../../static/images/rec-icon1.png" mode="aspectFill"></image>
<view class="rec-name line1">{{item.title}}</view> <view class="rec-name line1">{{item.title}}</view>
@ -90,7 +105,8 @@
</view> </view>
</view> </view>
<view class="list-box" v-if="active == 2"> <view class="list-box" v-if="active == 2">
<view class="rec-list" v-for="(item,index) in resourcesList" :key="index" @click="toResourcesDetail(item.id)"> <view class="rec-list acea-row row-column-between" v-for="(item,index) in resourcesList"
:key="index" @click="toResourcesDetail(item.id)">
<view class="acea-row row-middle"> <view class="acea-row row-middle">
<image src="../../static/images/rec-icon2.png" mode=""></image> <image src="../../static/images/rec-icon2.png" mode=""></image>
<view class="rec-name line1">{{item.title}}</view> <view class="rec-name line1">{{item.title}}</view>
@ -105,9 +121,7 @@
</view> </view>
<!-- 为您推荐 --> <!-- 为您推荐 -->
<view class="warter-box"> <view class="warter-box">
<view class="headline"> <image src="../../static/images/rec-headline.png" mode="" class="headline-img" skeleton-rect></image>
<image src="../../static/images/rec-title.png" mode=""></image>
</view>
<u-waterfall v-model="productDtos" ref="uWaterfall"> <u-waterfall v-model="productDtos" ref="uWaterfall">
<template v-slot:left="{leftList}"> <template v-slot:left="{leftList}">
<view class="warter" v-for="(item, index) in leftList" :key="index" @tap="toGoodsDetail(item.id)"> <view class="warter" v-for="(item, index) in leftList" :key="index" @tap="toGoodsDetail(item.id)">
@ -140,9 +154,15 @@
</view> </view>
</template> </template>
<script> <script>
import { getIndexData } from "@/api/home"; import {
import { trim } from "@/utils"; getIndexData
import { mapGetters } from 'vuex' } from "@/api/home";
import {
trim
} from "@/utils";
import {
mapGetters
} from 'vuex'
import tabbar from "../../tabbarComponent/tabbar"; import tabbar from "../../tabbarComponent/tabbar";
import vSwiper from '@/components/vSwiper.vue' import vSwiper from '@/components/vSwiper.vue'
import skeleton from '@/components/quick-skeleton/quick-skeleton' import skeleton from '@/components/quick-skeleton/quick-skeleton'
@ -237,7 +257,9 @@ export default {
}, },
methods: { methods: {
getIndexData() { getIndexData() {
uni.showLoading({ title: '正在加载...' }) uni.showLoading({
title: '正在加载...'
})
uni.showNavigationBarLoading(); uni.showNavigationBarLoading();
getIndexData().then(res => { getIndexData().then(res => {
this.articleList = res.data.articleList.reverse() this.articleList = res.data.articleList.reverse()
@ -257,6 +279,9 @@ export default {
toAritcleList() { toAritcleList() {
this.$yrouter.push("/pages/life/articleList/index") this.$yrouter.push("/pages/life/articleList/index")
}, },
toNewActivity() {
this.$yrouter.push("/pages/home/activityCenter/index")
},
tabBarClick(index) { tabBarClick(index) {
this.currentTabIndex = index this.currentTabIndex = index
}, },
@ -288,12 +313,17 @@ export default {
toGoodsDetail(id) { toGoodsDetail(id) {
this.$yrouter.push({ this.$yrouter.push({
path: "/pages/shop/GoodsCon/index", path: "/pages/shop/GoodsCon/index",
query: { id: id } query: {
id: id
}
}); });
}, },
getProducts() { getProducts() {
this.loadStatus = 'loading'; this.loadStatus = 'loading';
getProducts({page:this.page,limit:this.limit}).then((res)=>{ getProducts({
page: this.page,
limit: this.limit
}).then((res) => {
if (this.page > 1) { if (this.page > 1) {
this.flowList = this.flowList.concat(res.data) this.flowList = this.flowList.concat(res.data)
} else { } else {
@ -315,7 +345,9 @@ export default {
if (val) { if (val) {
this.$yrouter.push({ this.$yrouter.push({
path: "/pages/shop/GoodsList/index", path: "/pages/shop/GoodsList/index",
query: { s: val } query: {
s: val
}
}); });
setTimeout(() => (this.search = ""), 500); setTimeout(() => (this.search = ""), 500);
} }
@ -340,6 +372,7 @@ export default {
background: #EEEEEE !important; background: #EEEEEE !important;
position: relative; position: relative;
} }
.pageTitle-box { .pageTitle-box {
width: 100%; width: 100%;
position: fixed; position: fixed;
@ -347,14 +380,17 @@ export default {
z-index: 99; z-index: 99;
transition: all .5s; transition: all .5s;
} }
.showPageTitle { .showPageTitle {
background: #fff; background: #fff;
color: #000000 !important; color: #000000 !important;
opacity: 1; opacity: 1;
.top-logo { .top-logo {
color: #000; color: #000;
} }
} }
.page-top-box { .page-top-box {
width: 100%; width: 100%;
position: fixed; position: fixed;
@ -364,11 +400,13 @@ export default {
background: #fff; background: #fff;
padding: 0 30rpx 20rpx; padding: 0 30rpx 20rpx;
box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.11); box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.11);
.top-box { .top-box {
.top-box-l { .top-box-l {
font-size: 32rpx; font-size: 32rpx;
color: #000; color: #000;
font-weight: 500; font-weight: 500;
image { image {
width: 26rpx; width: 26rpx;
height: 30rpx; height: 30rpx;
@ -376,22 +414,27 @@ export default {
margin-right: 10rpx; margin-right: 10rpx;
} }
} }
.cart-btn-box { .cart-btn-box {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
.index { .index {
height: 96rpx; height: 96rpx;
.header { .header {
height: 68rpx; height: 68rpx;
position: static; position: static;
padding: 0; padding: 0;
margin-top: 34rpx; margin-top: 34rpx;
.search { .search {
background-color: #EEEEEE; background-color: #EEEEEE;
border-radius: 8rpx; border-radius: 8rpx;
@ -405,15 +448,18 @@ export default {
height: 522rpx; height: 522rpx;
position: relative; position: relative;
} }
.back-bg image { .back-bg image {
width: 100%; width: 100%;
height: 522rpx; height: 522rpx;
} }
.logo-title image { .logo-title image {
margin-left: 20rpx; margin-left: 20rpx;
width: 80rpx; width: 80rpx;
height: 50rpx; height: 50rpx;
} }
.top-logo { .top-logo {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -422,6 +468,7 @@ export default {
font-size: 32rpx; font-size: 32rpx;
transition: all .5s cubic-bezier(.25, .5, .5, .9); transition: all .5s cubic-bezier(.25, .5, .5, .9);
} }
.details-btn { .details-btn {
width: 196rpx; width: 196rpx;
height: 52rpx; height: 52rpx;
@ -441,33 +488,40 @@ export default {
.yun-box { .yun-box {
margin: 8rpx 40rpx 28rpx 40rpx; margin: 8rpx 40rpx 28rpx 40rpx;
} }
.headline-yun { .headline-yun {
width: 112rpx; width: 112rpx;
height: 52rpx; height: 52rpx;
} }
.more-r { .more-r {
font-size: 24rpx; font-size: 24rpx;
color: #8B8B8B; color: #8B8B8B;
} }
.more-r image { .more-r image {
width: 12rpx; width: 12rpx;
height: 18rpx; height: 18rpx;
margin-left: 8rpx; margin-left: 8rpx;
} }
.rotaion { .rotaion {
width: 670rpx; width: 670rpx;
margin-top: 24rpx; margin-top: 24rpx;
} }
// //
.act-box { .act-box {
width: 100%; width: 100%;
height: 400rpx; height: 400rpx;
padding-left: 40rpx; padding-left: 40rpx;
} }
.scroll-view_H { .scroll-view_H {
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
} }
.slide-left { .slide-left {
width: 584rpx; width: 584rpx;
height: 344rpx; height: 344rpx;
@ -477,40 +531,49 @@ export default {
padding: 20rpx 32rpx 0 20rpx; padding: 20rpx 32rpx 0 20rpx;
margin-right: 32rpx; margin-right: 32rpx;
} }
.act-title { .act-title {
font-size: 28rpx; font-size: 28rpx;
color: #191919; color: #191919;
} }
.resource-list { .resource-list {
width: 100%; width: 100%;
height: 190rpx; height: 190rpx;
margin: 18rpx 0 14rpx 0; margin: 18rpx 0 14rpx 0;
} }
.act-img { .act-img {
width: 162rpx; width: 162rpx;
height: 190rpx; height: 190rpx;
margin-right: 28rpx; margin-right: 28rpx;
border-radius: 12rpx; border-radius: 12rpx;
} }
.act-con { .act-con {
width: 338rpx; width: 338rpx;
height: 190rpx; height: 190rpx;
} }
.act-adress view,.act-time view{
.act-adress view,
.act-time view {
width: 300rpx; width: 300rpx;
font-size: 24rpx; font-size: 24rpx;
color: #191919; color: #191919;
} }
.act-time image { .act-time image {
width: 18rpx; width: 18rpx;
height: 22rpx; height: 22rpx;
margin-right: 16rpx; margin-right: 16rpx;
} }
.act-adress image { .act-adress image {
width: 19rpx; width: 19rpx;
height: 23rpx; height: 23rpx;
margin: 7rpx 14rpx 0 0; margin: 7rpx 14rpx 0 0;
} }
.title-line { .title-line {
width: 308rpx; width: 308rpx;
height: 68rpx; height: 68rpx;
@ -519,13 +582,16 @@ export default {
color: #191919; color: #191919;
white-space: pre-wrap; white-space: pre-wrap;
} }
.act-price { .act-price {
width: 335rpx; width: 335rpx;
font-weight: 600; font-weight: 600;
.act-i { .act-i {
font-size: 24rpx; font-size: 24rpx;
color: #FF5A0E; color: #FF5A0E;
} }
.act-p { .act-p {
font-size: 32rpx; font-size: 32rpx;
color: #2A2B2B; color: #2A2B2B;
@ -538,19 +604,23 @@ export default {
height: 62rpx; height: 62rpx;
border-top: 1rpx solid #ECECEC; border-top: 1rpx solid #ECECEC;
} }
.act-num image { .act-num image {
width: 36rpx; width: 36rpx;
height: 36rpx; height: 36rpx;
border-radius: 50%; border-radius: 50%;
} }
.act-num { .act-num {
min-width: 154rpx; min-width: 154rpx;
} }
.act-num text { .act-num text {
font-size: 20rpx; font-size: 20rpx;
color: #191919; color: #191919;
margin-left: 8rpx; margin-left: 8rpx;
} }
.enter-btn { .enter-btn {
width: 138rpx; width: 138rpx;
height: 40rpx; height: 40rpx;
@ -561,6 +631,7 @@ export default {
color: #fff; color: #fff;
position: absolute; position: absolute;
right: 38rpx; right: 38rpx;
font-size: 24rpx;
} }
@ -572,25 +643,28 @@ export default {
position: relative; position: relative;
} }
.rec-switch { .rec-switch {
width: 670srpx; width: 670srpx;
height: 423rpx; height: 423rpx;
margin-top: 18rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16); box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16);
border-radius: 20rpx; border-radius: 20rpx;
overflow: hidden; overflow: hidden;
} }
.rec-bg { .rec-bg {
width: 706rpx; width: 706rpx;
height: 423rpx; height: 423rpx;
} }
.rec-title { .rec-title {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
position: relative; position: relative;
} }
.rev-bg { .rev-bg {
width: 376rpx; width: 376rpx;
height: 80rpx; height: 80rpx;
@ -605,21 +679,27 @@ export default {
left: 0; left: 0;
background-image: url(../../static/images/rec-bg.png); background-image: url(../../static/images/rec-bg.png);
} }
.rec-l,.rec-r{
.rec-l,
.rec-r {
width: 50%; width: 50%;
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
.rec-l .rec-bg, .rec-r .rec-bg{
.rec-l .rec-bg,
.rec-r .rec-bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} }
.rec-r .rec-bg { .rec-r .rec-bg {
transform: rotate(180deg); transform: rotateY(180deg);
} }
.rec-t { .rec-t {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -627,39 +707,47 @@ export default {
position: absolute; position: absolute;
z-index: 3; z-index: 3;
} }
.rec-l image { .rec-l image {
width: 37rpx; width: 37rpx;
height: 37rpx; height: 37rpx;
margin-right: 8rpx; margin-right: 8rpx;
} }
.rec-r image { .rec-r image {
width: 42rpx; width: 42rpx;
height: 43rpx; height: 43rpx;
margin-right: 8rpx; margin-right: 8rpx;
} }
.rec-switch-a { .rec-switch-a {
width: 100%; width: 100%;
height: 330rpx; height: 330rpx;
} }
.list-box { .list-box {
width: 100%; width: 100%;
height: 330rpx; height: 330rpx;
} }
.rec-list { .rec-list {
position: relative; position: relative;
height: 165rpx; height: 165rpx;
padding: 30rpx 30rpx 15rpx 30rpx; padding: 30rpx 30rpx 15rpx 30rpx;
} }
.rec-list image { .rec-list image {
width: 64rpx; width: 64rpx;
height: 64rpx; height: 64rpx;
} }
.rec-name { .rec-name {
width: 130rpx; width: 130rpx;
font-size: 28rpx; font-size: 28rpx;
color: #1D1D1D; color: #1D1D1D;
margin-left: 16rpx; margin-left: 16rpx;
} }
.rec-address { .rec-address {
width: 80rpx; width: 80rpx;
height: 34rpx; height: 34rpx;
@ -670,11 +758,13 @@ export default {
border-radius: 16px; border-radius: 16px;
text-align: center; text-align: center;
} }
.rec-end { .rec-end {
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
margin-left: auto; margin-left: auto;
} }
.rec-message { .rec-message {
width: 582rpx; width: 582rpx;
height: 40rpx; height: 40rpx;
@ -721,17 +811,23 @@ export default {
// } // }
// } // }
// } // }
.headline image{ .headline{
padding-right: 40rpx;
}
.headline-img{
width: 148rpx; width: 148rpx;
height: 52rpx; height: 52rpx;
} }
.warter-box { .warter-box {
width: 100%; width: 100%;
padding: 24rpx 0 190rpx 24rpx; padding: 24rpx 0 190rpx 24rpx;
.u-waterfall { .u-waterfall {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.u-column { .u-column {
.warter { .warter {
@ -742,13 +838,16 @@ export default {
overflow: hidden; overflow: hidden;
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.06); box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.06);
margin-bottom: 20rpx; margin-bottom: 20rpx;
image { image {
width: 100%; width: 100%;
display: block; display: block;
} }
.goodsinfo-box { .goodsinfo-box {
width: 100%; width: 100%;
padding: 12rpx 16rpx; padding: 12rpx 16rpx;
.title { .title {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
@ -756,12 +855,14 @@ export default {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
} }
.price { .price {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
line-height: 40rpx; line-height: 40rpx;
color: #FF7942; color: #FF7942;
} }
.old-price { .old-price {
font-size: 20rpx; font-size: 20rpx;
line-height: 28rpx; line-height: 28rpx;
@ -773,17 +874,21 @@ export default {
} }
} }
} }
.banner-img-box { .banner-img-box {
width: 100%; width: 100%;
padding: 220rpx 40rpx 32rpx; padding: 220rpx 40rpx 32rpx;
.img-box-l { .img-box-l {
width: 324rpx; width: 324rpx;
height: 400rpx; height: 400rpx;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.img-box-r { .img-box-r {
width: 324rpx; width: 324rpx;
height: 400rpx; height: 400rpx;
@ -791,30 +896,37 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: ; align-items: ;
image { image {
width: 324rpx; width: 324rpx;
height: 190rpx; height: 190rpx;
} }
} }
} }
.goods-list-box { .goods-list-box {
width: 100%; width: 100%;
padding: 0 30rpx; padding: 0 30rpx;
.goods-list-item { .goods-list-item {
width: 100%; width: 100%;
.goods-type-box { .goods-type-box {
image { image {
width: 94rpx; width: 94rpx;
height: 94rpx; height: 94rpx;
} }
.t-word { .t-word {
font-size: 36rpx; font-size: 36rpx;
color: #222; color: #222;
font-weight: 600; font-weight: 600;
} }
} }
.goods-list { .goods-list {
width: 100%; width: 100%;
.goods-item { .goods-item {
width: 335rpx; width: 335rpx;
background: #fff; background: #fff;
@ -823,21 +935,26 @@ export default {
border-radius: 10rpx; border-radius: 10rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
image { image {
width: 100%; width: 100%;
height: 278rpx; height: 278rpx;
} }
} }
.goods-item:nth-child(2n) { .goods-item:nth-child(2n) {
margin-right: 0; margin-right: 0;
} }
.goods-desc-box { .goods-desc-box {
width: 100%; width: 100%;
padding: 16rpx; padding: 16rpx;
font-size: 24rpx; font-size: 24rpx;
.goods-name { .goods-name {
line-height: 34rpx; line-height: 34rpx;
} }
.price { .price {
font-size: 28rpx; font-size: 28rpx;
color: #E5270F; color: #E5270F;

260
pages/information/index.vue

@ -1,83 +1,105 @@
<template> <template>
<view class="information-box"> <view class="information-box">
<view class="search-box acea-row row-middle"> <view class="search-box acea-row row-middle">
<image src="../../../static/images/search-icon.png" mode=""></image> <image src="../../static/images/search-icon.png" mode=""></image>
<input type="text" value="" placeholder="请输入相关关键词" /> <input type="text" value="" placeholder="请输入相关关键词" />
<view class="search acea-row row-center-wrapper">搜一下</view> <view class="search acea-row row-center-wrapper">搜一下</view>
</view> </view>
<view class="vote-box"> <swiper class="vote-box">
<swiper-item v-for="(item,index) in articleList" :key="index">
<image :src="item.imageInput" mode="aspectFill" class="vote-img"></image>
<view class="news"> <view class="news">
<view class="news-title-h">武汉12月底双层公交车将全面下线</view> <view class="news-title-h line2">{{item.title}}</view>
<view class="news-title-s">趁着有时间和你爱的人再去回味一下,那你认为有下线的必要吗</view> <view class="news-title-s line1">{{item.title}}</view>
</view> </view>
<view class="vote"> </swiper-item>
</view> </swiper>
</view>
<scroll-view class="scroll-view_N" scroll-x="true"> <scroll-view class="scroll-view_N" scroll-x="true">
<view class="rotaion" v-for="(item,index) in 7" :key="index"> <view class="rotaion-box" @click="toTodayEvent">
<view class="acea-row row-center"> <view class="acea-row rotaion row-center">
<image src="../../../static/images/collect.png" mode=""></image> <image src="../../static/images/details1.png" mode=""></image>
<view class="rotaion-h">今日大事</view> <view class="rotaion-h">今日大事</view>
<view class="rotaion-s">每日热点资讯</view> <view class="rotaion-s">每日热点资讯</view>
</view> </view>
</view>
<view class="rotaion-box" @click="toBusinessInfo">
<view class="acea-row rotaion row-center">
<image src="../../static/images/details2.png" mode=""></image>
<view class="rotaion-h">商业资讯</view>
<view class="rotaion-s">商业资讯抢先知</view>
</view>
</view>
<view class="rotaion-box" @click="toGovernmentPolicy">
<view class="acea-row rotaion row-center">
<image src="../../static/images/details3.png" mode=""></image>
<view class="rotaion-h">政府政策</view>
<view class="rotaion-s">了解政府政策</view>
</view>
</view>
<view class="rotaion-box" @click="toLifeInfo">
<view class="acea-row rotaion row-center">
<image src="../../static/images/details4.png" mode=""></image>
<view class="rotaion-h">生活资讯</view>
<view class="rotaion-s">有趣好玩</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
<!-- 最新资讯 --> <!-- 最新资讯 -->
<view class="newInfo-box"> <view class="newInfo-box">
<image src="../../../static/images/newInfo.png" mode="" class="newInfo-title-img"></image> <image src="../../static/images/newInfo.png" mode="" class="newInfo-title-img"></image>
<view class="newInfo"> <view class="newInfo">
<view class="modular acea-row row-between" v-for="(item,index) in 3" :key="index"> <view class="modular acea-row row-between" v-for="(item,index) in articleList" :key="index"
@click="toDetail(item.id)">
<view class="acea-row title"> <view class="acea-row title">
<view class="modular-h">海鸥出行将大巴车市场带入平台化阶段提高包车出行效率</view> <view class="modular-h line2">{{item.title}}</view>
<view class="title-l acea-row row-between"> <view class="title-l acea-row row-between">
<view>云资讯</view> <view>{{item.author}}</view>
<view>1小时前</view> <view>{{item.createTime.split(' ')[0]}}</view>
<view class="acea-row row-middle">203 <view class="acea-row row-middle">203
<image src="../../../static/images/eye.png" mode="" ></image> <image src="../../static/images/eye.png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
<image src="../../../static/images/home/top-bg.png" mode="" ></image> <image :src="item.imageInput" mode="aspectFill"></image>
</view> </view>
</view> </view>
</view> </view>
<!-- 热点精选 --> <!-- 热点精选 -->
<view class="hotspot-box"> <view class="hotspot-box">
<image src="../../../static/images/user/hotspot.png" mode="" class="title-h-img"></image> <image src="../../static/images/user/hotspot.png" mode="" class="title-h-img"></image>
<scroll-view class="scroll-view_H acea-row" scroll-x="true"> <scroll-view class="scroll-view_H acea-row" scroll-x="true">
<view class="slide-box" v-for="(item,index) in 3" :key="index"> <view class="slide-box" v-for="(item,index) in articleList" :key="index">
<image src="../../../static/images/home/top-bg.png" mode=""></image> <image :src="item.imageInput" mode="aspectFill"></image>
<view class="hotspot-con"> <view class="hotspot-con">
<view class="hotspot-icon">热点</view> <view class="hotspot-icon">热点</view>
<view class="hotspot-title-h">禅易云生态加入云生态共建万亿私域资源圈获取海量资源与福利</view> <view class="hotspot-title-h">{{item.title}}</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<!-- 值得关注 --> <!-- 值得关注 -->
<view class="follow-box"> <view class="follow-box">
<image src="../../../static/images/follow-title.png" mode="" class="title-h-img"></image> <image src="../../static/images/follow-title.png" mode="" class="title-h-img"></image>
<view class="follow-con" v-for="(item,index) in 3" :key="index"> <view class="follow-con" v-for="(item,index) in articleList" :key="index">
<view class="follow-top acea-row row-between"> <view class="follow-top acea-row row-between">
<view class="acea-row follow-title"> <view class="acea-row follow-title">
<view class="follow-h">2021中国酒店与商用厨具行业品牌盛会</view> <view class="follow-h line2">{{item.title}}</view>
<view class="follow-title-l acea-row row-between"> <view class="follow-title-l acea-row row-between">
<view>云资讯</view> <view>{{item.author}}</view>
<view>1小时前</view> <view>{{item.createTime.split(' ')[0]}}</view>
<view class="acea-row row-middle">203 <view class="acea-row row-middle">203
<image src="../../../static/images/eye.png" mode="" ></image> <image src="../../static/images/eye.png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
<image src="../../../static/images/home/top-bg.png" mode="" ></image> <image :src="item.imageInput" mode="aspectFill"></image>
</view> </view>
<view class="follow-bottom acea-row row-middle"> <view class="follow-bottom acea-row row-middle">
<image src="../../../static/images/collect.png" mode=""></image> <image :src="item.imageInput" mode=""></image>
<view class="follow-title-b"> <view class="follow-title-b">
<view class="title-s">云咨詢</view> <view class="title-s">{{item.author}}</view>
<view class="title-con">每天发布商业/生活等相关内容...</view> <view class="title-con line1">{{item.title}}</view>
</view> </view>
<view class="follow-btn">关注+</view> <view class="follow-btn">关注+</view>
</view> </view>
@ -87,14 +109,79 @@
</template> </template>
<script> <script>
import {
getArticle
} from "@/api/home";
export default {
data() {
return {
articleList: [],
page: 0,
size: 10,
}
},
mounted() {
this.getArticleList()
},
onReachBottom() {
this.page = this.page + 1
this.getArticleList()
},
methods: {
getArticleList() {
getArticle({
page: this.page,
size: this.size,
isHot: 0
}).then((res) => {
this.articleList = this.articleList.concat(res.data.content)
})
},
toDetail(id) {
this.$yrouter.push({
path: '/pages/life/articleDetail/index',
query: {
id: id
}
})
},
//
toTodayEvent() {
uni.navigateTo({
url: '/pages/life/articleList/index?active=1'
});
},
//
toBusinessInfo() {
uni.navigateTo({
url: '/pages/life/articleList/index?active=2'
});
},
//
toGovernmentPolicy() {
uni.navigateTo({
url: '/pages/life/articleList/index?active=3'
});
},
//
toLifeInfo() {
uni.navigateTo({
url: '/pages/life/articleList/index?active=4'
});
},
}
}
</script> </script>
<style> <style>
.information-box { .information-box {
width: 100%; width: 100%;
height: 100vh; height: auto;
margin-bottom: 50rpx;
position: relative; position: relative;
} }
.search-box { .search-box {
width: 670rpx; width: 670rpx;
height: 68rpx; height: 68rpx;
@ -104,11 +191,13 @@
font-size: 28rpx; font-size: 28rpx;
position: relative; position: relative;
} }
.search-box image { .search-box image {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
margin: 0 29rpx 0 52rpx; margin: 0 29rpx 0 52rpx;
} }
.search { .search {
position: absolute; position: absolute;
right: 0; right: 0;
@ -119,88 +208,118 @@
color: #fff; color: #fff;
} }
.vote-box { .vote-box {
width: 670rpx; width: 670rpx;
height: 358rpx; height: 358rpx;
background: #FFFFFF; /* background: #FFFFFF; */
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16); box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16);
border-radius: 16rpx; border-radius: 16rpx;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
overflow: hidden;
} }
.vote-img {
position: absolute;
width: 670rpx;
height: 358rpx;
}
.news { .news {
width: 100%; width: 100%;
height: 248rpx; height: 358rpx;
background: #D2D2D2;
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
color: #FFF; color: #FFF;
position: absolute; position: absolute;
padding-left: 42rpx; padding: 0 40rpx;
} }
.news-title-h { .news-title-h {
width: 590rpx;
font-size: 28rpx; font-size: 28rpx;
position: absolute; position: absolute;
bottom: 54rpx; bottom: 65rpx;
} }
.news-title-s { .news-title-s {
width: 590rpx;
font-size: 20rpx; font-size: 20rpx;
position: absolute; position: absolute;
bottom: 18rpx; bottom: 25rpx;
} }
.vote{
/* .vote {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
border: 1rpx solid #000000; border: 1rpx solid #000000;
} } */
.scroll-view_N { .scroll-view_N {
width: 100%; width: 100%;
height: 228rpx; height: 238rpx;
margin: 30rpx 0 0 30rpx; margin: 30rpx 0rpx 34rpx 0rpx;
white-space: nowrap; white-space: nowrap;
} }
.rotaion{
.rotaion-box {
width: 168rpx; width: 168rpx;
padding: 32rpx 0 16rpx 0; height: 208rpx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
border-radius: 16rpx; border-radius: 16rpx;
margin: 10rpx 22rpx 20rpx 10rpx; margin: 10rpx 32rpx 10rpx 0rpx;
display: inline-block; display: inline-block;
} }
.rotaion-box:nth-child(1) {
margin-left: 40rpx;
}
.rotaion {
width: 100%;
height: 208rpx;
padding: 36rpx 0 16rpx 0;
}
.rotaion image { .rotaion image {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
background: #FF6D2A;
border-radius: 50%; border-radius: 50%;
} }
.rotaion-h { .rotaion-h {
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #333333; color: #333333;
margin: 12rpx 0 4rpx 0;
font-weight: 600; font-weight: 600;
} }
.rotaion-s { .rotaion-s {
height: 26rpx; height: 26rpx;
font-size: 18rpx; font-size: 18rpx;
color: #9D9D9D; color: #9D9D9D;
} }
/* 最新资讯 */ /* 最新资讯 */
.newInfo-box { .newInfo-box {
margin: 44rpx 0 0rpx 0; overflow: hidden;
} }
.newInfo-title-img { .newInfo-title-img {
width: 160rpx; width: 160rpx;
height: 52rpx; height: 52rpx;
margin: 0 0 18rpx 38rpx; margin: 0 0 18rpx 38rpx;
} }
.newInfo { .newInfo {
width: 100%; width: 100%;
height: 528rpx; height: 528rpx;
border-top: 2rpx solid #EFEFEF; border-top: 2rpx solid #EFEFEF;
} }
.modular { .modular {
width: 100%; width: 100%;
height: 176rpx; height: 176rpx;
@ -209,52 +328,62 @@
} }
.modular-h { .modular-h {
width: 392rpx; width: 400rpx;
height: 80rpx; height: 80rpx;
font-size: 28rpx; font-size: 28rpx;
color: #4A4A4A; color: #4A4A4A;
font-weight: 600; font-weight: 600;
} }
.modular image { .modular image {
width: 204rpx; width: 204rpx;
height: 134rpx; height: 134rpx;
border-radius: 8px;
} }
.title { .title {
width: 392rpx; width: 400rpx;
height: 134rpx; height: 134rpx;
} }
.title-l { .title-l {
width: 310rpx; width: 400rpx;
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
} }
.title-l image { .title-l image {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
/* 热点精选 */ /* 热点精选 */
.hotspot-box { .hotspot-box {
width: 100%; width: 100%;
height: 456rpx; height: 456rpx;
} }
.title-h-img { .title-h-img {
width: 162rpx; width: 162rpx;
height: 62rpx; height: 62rpx;
margin: 32rpx 0 5rpx 40rpx; margin: 32rpx 0 5rpx 40rpx;
} }
.scroll-view_H { .scroll-view_H {
width: 100%; width: 100%;
height: 344rpx; height: 344rpx;
white-space: nowrap; white-space: nowrap;
} }
.scroll-view_H image { .scroll-view_H image {
width: 670rpx; width: 670rpx;
height: 344rpx; height: 344rpx;
border-radius: 10rpx; border-radius: 10rpx;
position: absolute; position: absolute;
} }
.slide-box { .slide-box {
position: relative; position: relative;
width: 670rpx; width: 670rpx;
@ -262,6 +391,7 @@
display: inline-block; display: inline-block;
margin-right: 16rpx; margin-right: 16rpx;
} }
.hotspot-con { .hotspot-con {
width: 588rpx; width: 588rpx;
height: 130rpx; height: 130rpx;
@ -269,6 +399,7 @@
left: 24rpx; left: 24rpx;
position: absolute; position: absolute;
} }
.hotspot-icon { .hotspot-icon {
width: 72rpx; width: 72rpx;
height: 32rpx; height: 32rpx;
@ -280,6 +411,7 @@
text-align: center; text-align: center;
} }
.hotspot-title-h { .hotspot-title-h {
width: 588rpx; width: 588rpx;
height: 80rpx; height: 80rpx;
@ -289,12 +421,15 @@
bottom: 0; bottom: 0;
white-space: pre-wrap; white-space: pre-wrap;
} }
/* 值得关注 */ /* 值得关注 */
.follow-box { .follow-box {
width: 100%; width: 100%;
height: 950rpx; height: 940rpx;
margin-bottom: 50rpx; position: relative;
overflow: hidden;
} }
.follow-con { .follow-con {
width: 670rpx; width: 670rpx;
height: 250rpx; height: 250rpx;
@ -304,53 +439,60 @@
border-radius: 16rpx; border-radius: 16rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.follow-top { .follow-top {
width: 100%; width: 100%;
height: 170rpx; height: 170rpx;
padding: 20rpx 20rpx 26rpx 20rpx; padding: 20rpx 20rpx 26rpx 20rpx;
border-bottom: 1rpx solid #DCDCDC; border-bottom: 1rpx solid #DCDCDC;
} }
.follow-top image { .follow-top image {
width: 232rpx; width: 232rpx;
height: 130rpx; height: 130rpx;
border-radius: 16rpx; border-radius: 16rpx;
} }
.follow-title { .follow-title {
width: 370rpx; width: 370rpx;
height: 100%; height: 100%;
} }
.follow-h { .follow-h {
width: 370rpx; width: 100%;
height: 80rpx; height: 80rpx;
font-size: 28rpx; font-size: 28rpx;
color: #000000; color: #000000;
font-weight: 600; font-weight: 600;
} }
.follow-title-l { .follow-title-l {
width: 250rpx; width: 290rpx;
height: 28rpx; height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
color: #707070; color: #707070;
} }
.follow-title-l image { .follow-title-l image {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
.follow-bottom { .follow-bottom {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
padding: 12rpx 20rpx 16rpx 20rpx; padding: 12rpx 20rpx 16rpx 20rpx;
} }
.follow-bottom image { .follow-bottom image {
width: 52rpx; width: 52rpx;
height: 52rpx; height: 52rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 8rpx; margin-right: 8rpx;
} }
.follow-title-b{
} .follow-title-b {}
.title-s { .title-s {
height: 28rpx; height: 28rpx;
@ -358,7 +500,9 @@
margin-bottom: 6rpx; margin-bottom: 6rpx;
font-weight: 600; font-weight: 600;
} }
.title-con { .title-con {
width: 230rpx;
height: 22rpx; height: 22rpx;
font-size: 16rpx; font-size: 16rpx;
color: #707070; color: #707070;

133
pages/life/articleList/index.vue

@ -3,24 +3,31 @@
<view class="search-box"> <view class="search-box">
<view class="search-content acea-row row-middle"> <view class="search-content acea-row row-middle">
<view class="search-icon"><image src="../../../static/images/search.png"> </image></view> <view class="search-icon">
<image src="../../../static/images/search.png"> </image>
</view>
<input type="text" placeholder="请输入相关关键词" /> <input type="text" placeholder="请输入相关关键词" />
<view class="search-btn">搜一下</view> <view class="search-btn">搜一下</view>
</view> </view>
<view class="resource-tabs acea-row row-between-wrapper">
<view :class="'tab ' + (active == 1 ? 'tab-a' : '')" data-i="1" @tap="tabClick">今日大事</view>
<view :class="'tab ' + (active == 2 ? 'tab-a' : '')" data-i="2" @tap="tabClick">商业资讯</view>
<view :class="'tab ' + (active == 3 ? 'tab-a' : '')" data-i="3" @tap="tabClick">政府政策</view>
<view :class="'tab ' + (active == 4 ? 'tab-a' : '')" data-i="4" @tap="tabClick">生活资讯</view>
</view> </view>
</view>
<view class="list-box"> <view class="content-box">
<view class="list-item acea-row row-between row-middle" v-for="(item,index) in articleList" :key="index" @click="toDetail(item.id)"> <view class="list-box" v-if="active == 1">
<view class="list-item acea-row row-between row-middle" v-for="(item,index) in articleList" :key="index"
@click="toDetail(item.id)">
<view class="item-l"> <view class="item-l">
<view class="title-box acea-row"> <view class="title-box acea-row">
<image src="../../../static/images/hot.png" v-if="item.isHot"></image> <image src="../../../static/images/hot.png" v-if="item.isHot"></image>
<view class="title line2">{{item.title}}</view> <view class="title line2">{{item.title}}</view>
</view> </view>
<view class="auth-info acea-row row-between"> <view class="acea-row row-middle row-between">
<view class="auth">{{item.author}}</view> <view class="auth">{{item.author}}</view>
</view> <view class="auth time">{{item.createTime.split(' ')[0]}}</view>
<view class="acea-row row-middle">
<view class="auth time">{{item.createTime}}</view>
<view class="see acea-row row-middle"> <view class="see acea-row row-middle">
<text>200</text> <text>200</text>
<image src="../../../static/images/eye.png"></image> <image src="../../../static/images/eye.png"></image>
@ -32,16 +39,30 @@
</view> </view>
</view> </view>
</view> </view>
<view class="list-box" v-if="active == 2">
<view>2</view>
</view>
<view class="list-box" v-if="active == 3">
<view>3</view>
</view>
<view class="list-box" v-if="active == 4">
<view>4</view>
</view>
</view>
<view class="loadStatus-box">{{loadStatus}}</view> <view class="loadStatus-box">{{loadStatus}}</view>
</view> </view>
</template> </template>
<script> <script>
import { getArticle } from "@/api/home"; import {
getArticle
} from "@/api/home";
export default { export default {
data() { data() {
return { return {
active: '1',
articleList: [], articleList: [],
page: 0, page: 0,
size: 10, size: 10,
@ -49,6 +70,9 @@
loadStatus: '没有更多了...' loadStatus: '没有更多了...'
} }
}, },
onLoad(option) {
this.active=option.active;
},
mounted() { mounted() {
this.getArticleList() this.getArticleList()
}, },
@ -63,7 +87,11 @@
title: '加载中...' title: '加载中...'
}) })
this.loadStatus = '加载中...' this.loadStatus = '加载中...'
getArticle({page: this.page,size: this.size, isHot: 0}).then((res)=>{ getArticle({
page: this.page,
size: this.size,
isHot: 0
}).then((res) => {
if (res.data.content.length < this.size) { if (res.data.content.length < this.size) {
this.loadStatus = '没有更多了...' this.loadStatus = '没有更多了...'
this.isLoading = false this.isLoading = false
@ -82,7 +110,12 @@
id: id id: id
} }
}) })
} },
tabClick(e) {
this.setData({
active: e.currentTarget.dataset.i,
})
},
} }
} }
</script> </script>
@ -92,21 +125,23 @@
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
background: #EEEEEE; background: #EEEEEE;
.search-box { .search-box {
width: 100%; width: 100%;
padding: 32rpx 40rpx; padding: 32rpx 40rpx 0 40rpx;
background: #fff; background: #fff;
position: fixed;
top: 0;
.search-icon { .search-icon {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
margin-right: 12rpx; margin-right: 12rpx;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.search-content { .search-content {
width: 100%; width: 100%;
padding: 0 0 0 50rpx; padding: 0 0 0 50rpx;
@ -114,12 +149,14 @@
border-radius: 8rpx; border-radius: 8rpx;
font-size: 28rpx; font-size: 28rpx;
border-right: 0; border-right: 0;
input { input {
color: #BFBFBF; color: #BFBFBF;
} }
.search-btn { .search-btn {
width: 132rpx; width: 132rpx;
height: 68rpx; height: 70rpx;
background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%); background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%);
line-height: 68rpx; line-height: 68rpx;
text-align: center; text-align: center;
@ -130,41 +167,86 @@
} }
} }
.resource-tabs {
width: 100%;
background: #fff;
.tab {
width: 150rpx;
padding: 22rpx 0;
font-size: 32rpx;
color: #707070;
position: relative;
font-weight: 500;
text-align: center;
}
.tab::after {
display: block;
content: '';
width: 84rpx;
height: 12rpx;
border-radius: 8rpx;
background: #FF5100;
position: absolute;
bottom: -6rpx;
left: 50%;
margin-left: -40rpx;
opacity: 0;
transform: scaleX(0);
transition: all .2s ease, opacity .15s ease;
}
.tab-a {
color: #1D1D1D;
font-weight: 600;
}
.tab-a::after {
opacity: 1;
transform: scaleX(1);
}
}
.list-box { .list-box {
width: 100%; width: 100%;
padding: 180rpx 40rpx 0rpx; padding: 26rpx 40rpx 0;
.list-item { .list-item {
width: 100%; width: 100%;
background: #fff; background: #fff;
border-radius: 12rpx; border-radius: 12rpx;
padding: 30rpx 28rpx; padding: 26rpx 32rpx 21rpx 32rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
margin-bottom: 24rpx; margin-bottom: 24rpx;
.item-l { .item-l {
width: calc(100% - 280rpx); width: calc(100% - 260rpx);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
height: 130prx;
.title-box { .title-box {
font-size: 32rpx; font-size: 32rpx;
color: #4A4A4A; color: #4A4A4A;
margin-bottom: 12rpx;
image { image {
width: 19rpx; width: 19rpx;
height: 22rpx; height: 22rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.title { .title {
width: calc(100% - 38rpx);
margin-top: -10rpx; margin-top: -10rpx;
margin-bottom: 25rpx;
} }
} }
.auth-info{
margin-bottom: 12rpx;
}
.see { .see {
margin-left: 20rpx; // margin-left: 20rpx;
image { image {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
@ -172,8 +254,10 @@
} }
} }
} }
.item-r { .item-r {
width: 240rpx; width: 240rpx;
image { image {
width: 100%; width: 100%;
height: 130rpx; height: 130rpx;
@ -182,6 +266,7 @@
} }
} }
} }
.loadStatus-box { .loadStatus-box {
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;

8
pages/life/learnMore/index.vue

@ -1,16 +1,16 @@
<template> <template>
<swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815' indicator-active-color='#FFB93E' > <swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815' indicator-active-color='#FFB93E' >
<swiper-item> <swiper-item>
<image src="../../../static/images/learnMore1.png"></image> <image src="https://download.cyjyyjy.com/learnMore1.png"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="../../../static/images/learnMore2.png"></image> <image src="https://download.cyjyyjy.com/learnMore2.png"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="../../../static/images/learnMore3.png"></image> <image src="https://download.cyjyyjy.com/learnMore3.png"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="../../../static/images/learnMore4.png"></image> <image src="https://download.cyjyyjy.com/learnMore4.png"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
</template> </template>

100
pages/life/yunInfo/index.vue

@ -28,18 +28,19 @@
<view class="newInfo-box"> <view class="newInfo-box">
<image src="../../../static/images/newInfo.png" mode="" class="newInfo-title-img"></image> <image src="../../../static/images/newInfo.png" mode="" class="newInfo-title-img"></image>
<view class="newInfo"> <view class="newInfo">
<view class="modular acea-row row-between" v-for="(item,index) in 3" :key="index"> <view class="modular acea-row row-between" v-for="(item,index) in articleList" :key="index"
@click="toDetail(item.id)">
<view class="acea-row title"> <view class="acea-row title">
<view class="modular-h">海鸥出行将大巴车市场带入平台化阶段提高包车出行效率</view> <view class="modular-h line2">{{item.title}}</view>
<view class="title-l acea-row row-between"> <view class="title-l acea-row row-between">
<view>云资讯</view> <view>{{item.author}}</view>
<view>1小时前</view> <view>{{item.createTime.split(' ')[0]}}</view>
<view class="acea-row row-middle">203 <view class="acea-row row-middle">203
<image src="../../../static/images/eye.png" mode=""></image> <image src="../../../static/images/eye.png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
<image src="../../../static/images/home/top-bg.png" mode="" ></image> <image :src="item.imageInput" mode="aspectFill"></image>
</view> </view>
</view> </view>
</view> </view>
@ -87,6 +88,44 @@
</template> </template>
<script> <script>
import {
getArticle
} from "@/api/home";
export default {
data() {
return {
articleList: [],
page: 0,
size: 10,
}
},
mounted() {
this.getArticleList()
},
onReachBottom() {
this.page = this.page + 1
this.getArticleList()
},
methods: {
getArticleList() {
getArticle({
page: this.page,
size: this.size,
isHot: 0
}).then((res) => {
this.articleList = this.articleList.concat(res.data.content)
})
},
toDetail(id) {
this.$yrouter.push({
path: '/pages/life/articleDetail/index',
query: {
id: id
}
})
}
}
}
</script> </script>
<style> <style>
@ -95,6 +134,7 @@
height: 100vh; height: 100vh;
position: relative; position: relative;
} }
.search-box { .search-box {
width: 670rpx; width: 670rpx;
height: 68rpx; height: 68rpx;
@ -104,11 +144,13 @@
font-size: 28rpx; font-size: 28rpx;
position: relative; position: relative;
} }
.search-box image { .search-box image {
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
margin: 0 29rpx 0 52rpx; margin: 0 29rpx 0 52rpx;
} }
.search { .search {
position: absolute; position: absolute;
right: 0; right: 0;
@ -119,6 +161,7 @@
color: #fff; color: #fff;
} }
.vote-box { .vote-box {
width: 670rpx; width: 670rpx;
height: 358rpx; height: 358rpx;
@ -128,6 +171,7 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.news { .news {
width: 100%; width: 100%;
height: 248rpx; height: 248rpx;
@ -137,16 +181,19 @@
position: absolute; position: absolute;
padding-left: 42rpx; padding-left: 42rpx;
} }
.news-title-h { .news-title-h {
font-size: 28rpx; font-size: 28rpx;
position: absolute; position: absolute;
bottom: 54rpx; bottom: 54rpx;
} }
.news-title-s { .news-title-s {
font-size: 20rpx; font-size: 20rpx;
position: absolute; position: absolute;
bottom: 18rpx; bottom: 18rpx;
} }
.vote { .vote {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
@ -154,12 +201,14 @@
bottom: 0; bottom: 0;
border: 1rpx solid #000000; border: 1rpx solid #000000;
} }
.scroll-view_N { .scroll-view_N {
width: 100%; width: 100%;
height: 228rpx; height: 228rpx;
margin: 30rpx 0 0 30rpx; margin: 30rpx 0 0 30rpx;
white-space: nowrap; white-space: nowrap;
} }
.rotaion { .rotaion {
width: 168rpx; width: 168rpx;
padding: 32rpx 0 16rpx 0; padding: 32rpx 0 16rpx 0;
@ -169,12 +218,14 @@
margin: 10rpx 22rpx 20rpx 10rpx; margin: 10rpx 22rpx 20rpx 10rpx;
display: inline-block; display: inline-block;
} }
.rotaion image { .rotaion image {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
background: #FF6D2A; background: #FF6D2A;
border-radius: 50%; border-radius: 50%;
} }
.rotaion-h { .rotaion-h {
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
@ -182,25 +233,31 @@
margin: 12rpx 0 4rpx 0; margin: 12rpx 0 4rpx 0;
font-weight: 600; font-weight: 600;
} }
.rotaion-s { .rotaion-s {
height: 26rpx; height: 26rpx;
font-size: 18rpx; font-size: 18rpx;
color: #9D9D9D; color: #9D9D9D;
} }
/* 最新资讯 */ /* 最新资讯 */
.newInfo-box { .newInfo-box {
margin: 44rpx 0 0rpx 0; margin: 44rpx 0 0rpx 0;
overflow: hidden;
} }
.newInfo-title-img { .newInfo-title-img {
width: 160rpx; width: 160rpx;
height: 52rpx; height: 52rpx;
margin: 0 0 18rpx 38rpx; margin: 0 0 18rpx 38rpx;
} }
.newInfo { .newInfo {
width: 100%; width: 100%;
height: 528rpx; height: 528rpx;
border-top: 2rpx solid #EFEFEF; border-top: 2rpx solid #EFEFEF;
} }
.modular { .modular {
width: 100%; width: 100%;
height: 176rpx; height: 176rpx;
@ -209,52 +266,62 @@
} }
.modular-h { .modular-h {
width: 392rpx; width: 400rpx;
height: 80rpx; height: 80rpx;
font-size: 28rpx; font-size: 28rpx;
color: #4A4A4A; color: #4A4A4A;
font-weight: 600; font-weight: 600;
} }
.modular image { .modular image {
width: 204rpx; width: 204rpx;
height: 134rpx; height: 134rpx;
border-radius: 8px;
} }
.title { .title {
width: 392rpx; width: 400rpx;
height: 134rpx; height: 134rpx;
} }
.title-l { .title-l {
width: 310rpx; width: 400rpx;
height: 34rpx; height: 34rpx;
font-size: 24rpx; font-size: 24rpx;
color: #707070; color: #707070;
} }
.title-l image { .title-l image {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
/* 热点精选 */ /* 热点精选 */
.hotspot-box { .hotspot-box {
width: 100%; width: 100%;
height: 456rpx; height: 456rpx;
} }
.title-h-img { .title-h-img {
width: 162rpx; width: 162rpx;
height: 62rpx; height: 62rpx;
margin: 32rpx 0 5rpx 40rpx; margin: 32rpx 0 5rpx 40rpx;
} }
.scroll-view_H { .scroll-view_H {
width: 100%; width: 100%;
height: 344rpx; height: 344rpx;
white-space: nowrap; white-space: nowrap;
} }
.scroll-view_H image { .scroll-view_H image {
width: 670rpx; width: 670rpx;
height: 344rpx; height: 344rpx;
border-radius: 10rpx; border-radius: 10rpx;
position: absolute; position: absolute;
} }
.slide-box { .slide-box {
position: relative; position: relative;
width: 670rpx; width: 670rpx;
@ -262,6 +329,7 @@
display: inline-block; display: inline-block;
margin-right: 16rpx; margin-right: 16rpx;
} }
.hotspot-con { .hotspot-con {
width: 588rpx; width: 588rpx;
height: 130rpx; height: 130rpx;
@ -269,6 +337,7 @@
left: 24rpx; left: 24rpx;
position: absolute; position: absolute;
} }
.hotspot-icon { .hotspot-icon {
width: 72rpx; width: 72rpx;
height: 32rpx; height: 32rpx;
@ -280,6 +349,7 @@
text-align: center; text-align: center;
} }
.hotspot-title-h { .hotspot-title-h {
width: 588rpx; width: 588rpx;
height: 80rpx; height: 80rpx;
@ -289,12 +359,14 @@
bottom: 0; bottom: 0;
white-space: pre-wrap; white-space: pre-wrap;
} }
/* 值得关注 */ /* 值得关注 */
.follow-box { .follow-box {
width: 100%; width: 100%;
height: 950rpx; height: 950rpx;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.follow-con { .follow-con {
width: 670rpx; width: 670rpx;
height: 250rpx; height: 250rpx;
@ -304,21 +376,25 @@
border-radius: 16rpx; border-radius: 16rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.follow-top { .follow-top {
width: 100%; width: 100%;
height: 170rpx; height: 170rpx;
padding: 20rpx 20rpx 26rpx 20rpx; padding: 20rpx 20rpx 26rpx 20rpx;
border-bottom: 1rpx solid #DCDCDC; border-bottom: 1rpx solid #DCDCDC;
} }
.follow-top image { .follow-top image {
width: 232rpx; width: 232rpx;
height: 130rpx; height: 130rpx;
border-radius: 16rpx; border-radius: 16rpx;
} }
.follow-title { .follow-title {
width: 370rpx; width: 370rpx;
height: 100%; height: 100%;
} }
.follow-h { .follow-h {
width: 370rpx; width: 370rpx;
height: 80rpx; height: 80rpx;
@ -326,31 +402,34 @@
color: #000000; color: #000000;
font-weight: 600; font-weight: 600;
} }
.follow-title-l { .follow-title-l {
width: 250rpx; width: 250rpx;
height: 28rpx; height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
color: #707070; color: #707070;
} }
.follow-title-l image { .follow-title-l image {
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
.follow-bottom { .follow-bottom {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
padding: 12rpx 20rpx 16rpx 20rpx; padding: 12rpx 20rpx 16rpx 20rpx;
} }
.follow-bottom image { .follow-bottom image {
width: 52rpx; width: 52rpx;
height: 52rpx; height: 52rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 8rpx; margin-right: 8rpx;
} }
.follow-title-b{
} .follow-title-b {}
.title-s { .title-s {
height: 28rpx; height: 28rpx;
@ -358,6 +437,7 @@
margin-bottom: 6rpx; margin-bottom: 6rpx;
font-weight: 600; font-weight: 600;
} }
.title-con { .title-con {
height: 22rpx; height: 22rpx;
font-size: 16rpx; font-size: 16rpx;

28
pages/release/index2.vue

@ -157,7 +157,7 @@ export default {
url: '/pages/user/index' url: '/pages/user/index'
}); });
}, },
//
toPersonlAuth() { toPersonlAuth() {
if (this.authStatus == 0) { if (this.authStatus == 0) {
uni.navigateTo({ uni.navigateTo({
@ -175,7 +175,7 @@ export default {
}); });
} }
}, },
//
toCompanyAuth() { toCompanyAuth() {
if (this.authStatus == 0) { if (this.authStatus == 0) {
uni.navigateTo({ uni.navigateTo({
@ -193,6 +193,29 @@ export default {
}); });
} }
}, },
//
// toInvestorAuth() {
// uni.navigateTo({
// url: '/pages/release/investorAuth/index'
// });
// },
// toPersonlAuth() {
// if (this.authStatus == 0) {
// uni.navigateTo({
// url: '/pages/release/personAuth/index'
// });
// } else if (this.authStatus == 3) {
// let authInfo = encodeURIComponent(JSON.stringify(this.authInfo));
// uni.navigateTo({
// url: '/pages/release/personAuth/index?authInfo=' + authInfo
// });
// } else if (this.authStatus == 1) {
// uni.showToast({
// title: '',
// icon: 'none'
// });
// }
// },
isAuthentication() { isAuthentication() {
app.http('get', 'user/isAuthentication').then(res => { app.http('get', 'user/isAuthentication').then(res => {
@ -247,6 +270,7 @@ export default {
}); });
} }
}, },
toNeeds() { toNeeds() {

207
pages/release/investorAuth/index.vue

@ -0,0 +1,207 @@
<template>
<!--pages/release/companyAuth/index.wxml-->
<view class="auth-page">
<view class="company-info-box">
<view class="form-item acea-row row-between row-middle">
<view class="label">姓名</view>
<view class="inp-box">
<input type="text" :value="form.legalPersonName" @input="inpChange" data-type="name" placeholder="请填写姓名">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">手机号</view>
<view class="inp-box">
<input type="text" :value="form.legalPhone" @input="inpChange" data-type="phone" placeholder="请填写手机号">
</view>
</view>
<view class="form-item acea-row row-between row-middle">
<view class="label">身份证号</view>
<view class="inp-box">
<input type="text" :value="form.legalPersonIdcard" @input="inpChange" data-type="idcard" placeholder="请填写身份证号">
</view>
</view>
<!-- <view class="form-item noBorder">
<view class="label">身份证</view>
<view class="inp-box sfz">
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz1.png" @tap="upCard" data-type="b" v-if="form.idcardPicBehind == ''"></image>
<image :src="form.idcardPicBehind" @tap="upCard" data-type="b" v-else></image>
<image src="https://download.cyjyyjy.com/sfzb.png"></image>
</view>
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz2.png" @tap="upCard" data-type="f" v-if="form.idcardPicFront == ''"></image>
<image :src="form.idcardPicFront" @tap="upCard" data-type="f" v-else></image>
<image src="https://download.cyjyyjy.com/sfzz.png"></image>
</view>
<view class="acea-row row-between-wrapper">
<image src="https://download.cyjyyjy.com/sfz3.png" @tap="upCard" data-type="h" v-if="form.idcardPicHold == ''"></image>
<image :src="form.idcardPicHold" @tap="upCard" data-type="h" v-else></image>
<image src="https://download.cyjyyjy.com/sfzs.png"></image>
</view>
</view>
</view> -->
</view>
<view class="submit-btn" @tap="submit">保存并提交</view>
</view>
</template>
<script>
// pages/release/personAuth/index.js
const util = require("../../../utils/util.js");
const app = getApp();
export default {
data() {
return {
form: {
legalPersonName: '',
legalPhone: '',
legalPersonIdcard: '',
idcardPicFront: '',
idcardPicBehind: '',
idcardPicHold: ''
},
isEdit: false
};
},
components: {},
props: {},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
if (options.authInfo) {
let authInfo = JSON.parse(decodeURIComponent(options.authInfo));
this.isEdit = true,
this.form.authorizationType = 2;
this.form.id = authInfo.id;
this.form.idcardPicHold = authInfo.idcardPicHold;
this.form.idcardPicBehind = authInfo.idcardPicBehind;
this.form.idcardPicFront = authInfo.idcardPicFront;
this.form.legalPersonIdcard = authInfo.legalPersonIdcard;
this.form.legalPhone = authInfo.legalPhone || '';
this.form.legalPersonName = authInfo.legalPersonName;
}
},
methods: {
inpChange(e) {
let type = e.currentTarget.dataset.type;
let value = e.detail.value;
if (type == 'name') {
this.setData({//['form.legalPersonName']: value
});
//try fix
this.form.legalPersonName = value;
} else if (type == 'phone') {
this.setData({//.form.legalPhone: value
});
//try fix
this.form.legalPhone = value;
} else if (type == 'idcard') {
this.setData({//.form.legalPersonIdcard: value
});
//try fix
this.form.legalPersonIdcard = value;
}
},
upCard(e) {
let type = e.currentTarget.dataset.type;
util.chooseImages(img => {
if (type == 'f') {
this.setData({//['form.idcardPicFront']: img
});
//try fix
this.form.idcardPicFront = img;
} else if (type == 'b') {
this.setData({//.form.idcardPicBehind: img
});
//try fix
this.form.idcardPicBehind = img;
} else {
this.setData({//.form.idcardPicHold: img
});
//try fix
this.form.idcardPicHold = img;
}
});
},
submit() {
let form = this.form;
if (form.legalPersonName == '') {
uni.showToast({
title: '请填写姓名',
icon: 'none'
});
return;
} else if (form.legalPhone == '') {
uni.showToast({
title: '请填写手机号',
icon: 'none'
});
return;
} else if (form.legalPersonIdcard == '') {
uni.showToast({
title: '请填写身份证号',
icon: 'none'
});
return;
} else {
if (this.isEdit == false) {
app.http('post', 'EnterpriseAuthentication/createAuthenticInfoOne', this.form).then(res => {
if (res.data.success) {
uni.showModal({
title: '提示!',
content: '提交成功!请等待审核',
success(res) {
uni.navigateBack({
delta: 1
});
}
});
} else {
uni.showToast({
title: res.data.msg,
icon: 'none'
});
}
});
} else {
app.http('post', 'EnterpriseAuthentication/editAuthenticInfo', this.form).then(res => {
if (res.data.success) {
uni.showModal({
title: '提示!',
content: '提交成功!请等待审核',
success(res) {
uni.navigateBack({
delta: 1
});
}
});
} else {
uni.showToast({
title: res.data.msg,
icon: 'none'
});
}
});
}
}
}
}
};
</script>
<style>
/* pages/release/personAuth/index.wxss */
@import "../companyAuth/index.css";
</style>

BIN
static/images/center-img.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

BIN
static/images/details1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
static/images/details2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
static/images/details3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
static/images/details4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
static/images/learnMore1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 839 KiB

BIN
static/images/learnMore2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 738 KiB

BIN
static/images/learnMore3.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 714 KiB

BIN
static/images/learnMore4.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 477 KiB

Loading…
Cancel
Save