yanghao
/
yunshengtai-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

合并

zys
杨豪 3 years ago
parent
ccdac8ff1a 10642f4525
commit
94d8ff6106
15 changed files with 1663 additions and 973 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      pages/demandHall/business/index.vue
  2. 7
      pages/demandHall/projectDetail/index.vue
  3. 64
      pages/home/activityCenter/index.vue
  4. 177
      pages/home/index.vue
  5. 260
      pages/information/index.vue
  6. 126
      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

7
pages/demandHall/business/index.vue
Unescape View File

@ -55,7 +55,7 @@
<view class="title-s line1">{{item.enterpriseTitle}}</view> <view class="title-s line1">{{item.enterpriseTitle}}</view>
<view class="acea-row"> <view class="acea-row">
<image :src="item.enterpriseLogo" class="company-logo" mode="aspectFill"></image> <image :src="item.enterpriseLogo" class="company-logo" mode="aspectFill"></image>
<view class="todetails">了解详情</view> <view class="todetails" @click="toCompanyDetail(item.id)">了解详情</view>
</view> </view>
</view> </view>
@ -175,6 +175,11 @@
this.showCirc = false this.showCirc = false
}) })
}, },
toCompanyDetail(id){
uni.navigateTo({
url:"/pages/life/articleDetail/index?id=" + id
})
},
//换一批 //换一批
replaceClick(){ replaceClick(){
if(!this.showCirc){ if(!this.showCirc){

7
pages/demandHall/projectDetail/index.vue
Unescape View File

@ -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
Unescape View File

@ -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>

177
pages/home/index.vue
Unescape View File

@ -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'
@ -204,7 +224,7 @@ export default {
onReady: function() { onReady: function() {
const that = this; const that = this;
that.$refs.skeleton.attachedAction(); // that.$refs.skeleton.attachedAction();
that.$refs.skeleton.readyAction(); that.$refs.skeleton.readyAction();
}, },
@ -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,48 +874,59 @@ 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;
display: flex; display: flex;
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
Unescape View File

@ -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="aspectFill"></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="aspectFill"></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="aspectFill"></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="aspectFill"></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="aspectFill"></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="aspectFill"></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;

126
pages/life/articleList/index.vue
Unescape View File

@ -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,6 +39,16 @@
</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>
<LoadStatus :loadStatus="loadStatus"></LoadStatus> <LoadStatus :loadStatus="loadStatus"></LoadStatus>
</view> </view>
</template> </template>
@ -52,6 +69,9 @@
loadStatus: '没有更多了...' loadStatus: '没有更多了...'
} }
}, },
onLoad(option) {
this.active=option.active;
},
mounted() { mounted() {
this.getArticleList() this.getArticleList()
}, },
@ -66,7 +86,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
@ -85,7 +109,12 @@
id: id id: id
} }
}) })
} },
tabClick(e) {
this.setData({
active: e.currentTarget.dataset.i,
})
},
} }
} }
</script> </script>
@ -95,21 +124,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;
@ -117,12 +148,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;
@ -133,41 +166,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;
@ -175,8 +253,10 @@
} }
} }
} }
.item-r { .item-r {
width: 240rpx; width: 240rpx;
image { image {
width: 100%; width: 100%;
height: 130rpx; height: 130rpx;

8
pages/life/learnMore/index.vue
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -133,7 +133,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({
@ -156,7 +156,7 @@ export default {
}); });
} }
}, },
// 企业认证
toCompanyAuth() { toCompanyAuth() {
if (this.authStatus == 0) { if (this.authStatus == 0) {
uni.navigateTo({ uni.navigateTo({
@ -179,6 +179,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 => {
@ -233,6 +256,7 @@ export default {
}); });
} }
}, },
toNeeds() { toNeeds() {

207
pages/release/investorAuth/index.vue
Unescape View File

@ -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
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 326 KiB

BIN
static/images/details1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
static/images/details2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
static/images/details3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
static/images/details4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

Write Preview
Loading…
Cancel
Save