杨豪 3 years ago
parent
commit
94d8ff6106
  1. 7
      pages/demandHall/business/index.vue
  2. 7
      pages/demandHall/projectDetail/index.vue
  3. 116
      pages/home/activityCenter/index.vue
  4. 1431
      pages/home/index.vue
  5. 366
      pages/information/index.vue
  6. 198
      pages/life/articleList/index.vue
  7. 8
      pages/life/learnMore/index.vue
  8. 216
      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

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

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

116
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,35 +31,58 @@
</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>
<style lang="less"> <style lang="less">
.activityCenter-page{ .activityCenter-page {
width: 100%; width: 100%;
height: auto; height: auto;
background: #fff; background: #fff;
position: relative; position: relative;
} }
.top-bg{
width: 100%; .top-bg {
height: 1210rpx; width: 100%;
height: 1210rpx;
} }
.page-title{
width: 100%; .page-title {
color: #fff; width: 100%;
text-align: center; color: #fff;
position: absolute; position: absolute;
text-align: center;
} }
.activity-box{
.activity-box {
width: 100%; width: 100%;
height: auto; height: auto;
background: #FFF; background: #FFF;
@ -67,68 +93,75 @@
margin-bottom: 218rpx; margin-bottom: 218rpx;
} }
.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{
width: 345rpx; .title {
height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
line-height: 35rpx;
color: #1D1D1D; color: #1D1D1D;
} }
.act-time{
width: 345rpx; .act-time {
font-size: 24rpx; font-size: 24rpx;
color: #191919; color: #191919;
.time-img{
.time-img {
width: 18rpx; width: 18rpx;
height: 22rpx; height: 22rpx;
line-height: 34rpx; line-height: 34rpx;
margin: 0rpx 16rpx 0 0; margin: 0rpx 16rpx 0 0;
} }
} }
.act-adress{
width: 345rpx; .act-adress {
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{
width: 308rpx; .title-line {
height: 68rpx; height: 68rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
color: #191919; color: #191919;
word-wrap : break-word; word-wrap: break-word;
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;
line-height: 40rpx; line-height: 40rpx;
@ -141,5 +174,4 @@
} }
} }
} }
</style> </style>

1431
pages/home/index.vue

File diff suppressed because it is too large Load Diff

366
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">
<view class="news"> <swiper-item v-for="(item,index) in articleList" :key="index">
<view class="news-title-h">武汉12月底双层公交车将全面下线</view> <image :src="item.imageInput" mode="aspectFill" class="vote-img"></image>
<view class="news-title-s">趁着有时间和你爱的人再去回味一下,那你认为有下线的必要吗</view> <view class="news">
</view> <view class="news-title-h line2">{{item.title}}</view>
<view class="vote"> <view class="news-title-s line1">{{item.title}}</view>
</view>
</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-box" @click="toTodayEvent">
<view class="rotaion" v-for="(item,index) in 7" :key="index"> <view class="acea-row rotaion row-center">
<view class="acea-row row-center"> <image src="../../static/images/details1.png" mode="aspectFill"></image>
<image src="../../../static/images/collect.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="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"
<view class="acea-row title" > @click="toDetail(item.id)">
<view class="modular-h">海鸥出行将大巴车市场带入平台化阶段提高包车出行效率</view> <view class="acea-row title">
<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,15 +109,80 @@
</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;
border: 2rpx solid #FF5100; border: 2rpx solid #FF5100;
@ -104,12 +191,14 @@
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;
width: 132rpx; width: 132rpx;
@ -119,157 +208,199 @@
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;
} }
.news{
.vote-img {
position: absolute;
width: 670rpx;
height: 358rpx;
}
.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 image{
.rotaion-box:nth-child(1) {
margin-left: 40rpx;
}
.rotaion {
width: 100%;
height: 208rpx;
padding: 36rpx 0 16rpx 0;
}
.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;
border-bottom: 2rpx solid #EFEFEF; border-bottom: 2rpx solid #EFEFEF;
padding: 20rpx 40rpx 22rpx 40rpx; padding: 20rpx 40rpx 22rpx 40rpx;
} }
.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{
width: 392rpx; .title {
width: 400rpx;
height: 134rpx; height: 134rpx;
} }
.title-l{
width: 310rpx; .title-l {
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;
height: 100%; height: 100%;
display: inline-block; display: inline-block;
margin-right: 16rpx; margin-right: 16rpx;
} }
.hotspot-con{
.hotspot-con {
width: 588rpx; width: 588rpx;
height: 130rpx; height: 130rpx;
bottom: 34rpx; bottom: 34rpx;
left: 24rpx; left: 24rpx;
position: absolute; position: absolute;
} }
.hotspot-icon{
.hotspot-icon {
width: 72rpx; width: 72rpx;
height: 32rpx; height: 32rpx;
background: #FE3737; background: #FE3737;
@ -280,22 +411,26 @@
text-align: center; text-align: center;
} }
.hotspot-title-h{
.hotspot-title-h {
width: 588rpx; width: 588rpx;
height: 80rpx; height: 80rpx;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
position: absolute; position: absolute;
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;
margin: 0 auto; margin: 0 auto;
@ -304,67 +439,76 @@
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{
width: 370rpx; .follow-h {
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{
width: 250rpx; .follow-title-l {
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;
font-size: 20rpx; font-size: 20rpx;
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;
} }
.follow-btn{ .follow-btn {
width: 136rpx; width: 136rpx;
height: 40rpx; height: 40rpx;
background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%); background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%);
@ -375,4 +519,4 @@
position: absolute; position: absolute;
right: 60rpx; right: 60rpx;
} }
</style> </style>

198
pages/life/articleList/index.vue

@ -3,33 +3,50 @@
<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="content-box">
<view class="list-box"> <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="list-item acea-row row-between row-middle" v-for="(item,index) in articleList" :key="index"
<view class="item-l"> @click="toDetail(item.id)">
<view class="title-box acea-row"> <view class="item-l">
<image src="../../../static/images/hot.png" v-if="item.isHot"></image> <view class="title-box acea-row">
<view class="title line2">{{item.title}}</view> <image src="../../../static/images/hot.png" v-if="item.isHot"></image>
</view> <view class="title line2">{{item.title}}</view>
<view class="auth-info acea-row row-between"> </view>
<view class="auth">{{item.author}}</view> <view class="acea-row row-middle row-between">
</view> <view class="auth">{{item.author}}</view>
<view class="acea-row row-middle"> <view class="auth time">{{item.createTime.split(' ')[0]}}</view>
<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> </view>
</view> </view>
</view> </view>
<view class="item-r">
<image :src="item.imageInput" mode="aspectFill"></image>
</view>
</view> </view>
<view class="item-r"> </view>
<image :src="item.imageInput" mode="aspectFill"></image> <view class="list-box" v-if="active == 2">
</view> <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> </view>
<LoadStatus :loadStatus="loadStatus"></LoadStatus> <LoadStatus :loadStatus="loadStatus"></LoadStatus>
@ -52,25 +69,32 @@
loadStatus: '没有更多了...' loadStatus: '没有更多了...'
} }
}, },
onLoad(option) {
this.active=option.active;
},
mounted() { mounted() {
this.getArticleList() this.getArticleList()
}, },
onReachBottom() { onReachBottom() {
this.page= this.page+1 this.page = this.page + 1
this.getArticleList() this.getArticleList()
}, },
methods:{ methods: {
getArticleList(){ getArticleList() {
if(!this.isLoading) return if (!this.isLoading) return
uni.showLoading({ uni.showLoading({
title: '加载中...' title: '加载中...'
}) })
this.loadStatus = '加载中...' this.loadStatus = '加载中...'
getArticle({page: this.page,size: this.size, isHot: 0}).then((res)=>{ getArticle({
if(res.data.content.length < this.size){ page: this.page,
size: this.size,
isHot: 0
}).then((res) => {
if (res.data.content.length < this.size) {
this.loadStatus = '没有更多了...' this.loadStatus = '没有更多了...'
this.isLoading = false this.isLoading = false
} else{ } else {
this.isLoading = true this.isLoading = true
this.loadStatus = '上拉加载更多...' this.loadStatus = '上拉加载更多...'
} }
@ -78,51 +102,60 @@
uni.hideLoading() uni.hideLoading()
}) })
}, },
toDetail(id){ toDetail(id) {
this.$yrouter.push({ this.$yrouter.push({
path: '/pages/life/articleDetail/index', path: '/pages/life/articleDetail/index',
query: { query: {
id: id id: id
} }
}) })
} },
tabClick(e) {
this.setData({
active: e.currentTarget.dataset.i,
})
},
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
.list-page{ .list-page {
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;
border: 2rpx solid #FF5100; border: 2rpx solid #FF5100;
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,51 +166,98 @@
} }
} }
.list-box{ .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 {
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{
width: calc(100% - 280rpx); .item-l {
width: calc(100% - 260rpx);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
.title-box{ height: 130prx;
.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{
width: calc(100% - 38rpx); .title {
margin-top: -10rpx; margin-top: -10rpx;
margin-bottom: 25rpx;
} }
} }
.auth-info{
margin-bottom: 12rpx; .see {
} // margin-left: 20rpx;
.see{
margin-left: 20rpx; image {
image{
width: 24rpx; width: 24rpx;
height: 24rpx; height: 24rpx;
margin-left: 6rpx; margin-left: 6rpx;
} }
} }
} }
.item-r{
.item-r {
width: 240rpx; width: 240rpx;
image{
image {
width: 100%; width: 100%;
height: 130rpx; height: 130rpx;
border-radius: 16rpx; border-radius: 16rpx;

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>

216
pages/life/yunInfo/index.vue

@ -1,8 +1,8 @@
<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"> <view class="vote-box">
@ -14,7 +14,7 @@
</view> </view>
</view> </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" v-for="(item,index) in 7" :key="index">
<view class="acea-row row-center"> <view class="acea-row row-center">
<image src="../../../static/images/collect.png" mode=""></image> <image src="../../../static/images/collect.png" mode=""></image>
@ -27,27 +27,28 @@
<!-- 最新资讯 --> <!-- 最新资讯 -->
<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"
<view class="acea-row title" > @click="toDetail(item.id)">
<view class="modular-h">海鸥出行将大巴车市场带入平台化阶段提高包车出行效率</view> <view class="acea-row title">
<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 3" :key="index">
<image src="../../../static/images/home/top-bg.png" mode=""></image> <image src="../../../static/images/home/top-bg.png" mode=""></image>
<view class="hotspot-con"> <view class="hotspot-con">
<view class="hotspot-icon">热点</view> <view class="hotspot-icon">热点</view>
@ -59,19 +60,19 @@
<!-- 值得关注 --> <!-- 值得关注 -->
<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 3" :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">2021中国酒店与商用厨具行业品牌盛会</view>
<view class="follow-title-l acea-row row-between"> <view class="follow-title-l acea-row row-between">
<view>云资讯</view> <view>云资讯</view>
<view>1小时前</view> <view>1小时前</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="../../../static/images/home/top-bg.png" mode=""></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="../../../static/images/collect.png" mode=""></image>
@ -87,15 +88,54 @@
</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>
.information-box{ .information-box {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
position: relative; position: relative;
} }
.search-box{
.search-box {
width: 670rpx; width: 670rpx;
height: 68rpx; height: 68rpx;
border: 2rpx solid #FF5100; border: 2rpx solid #FF5100;
@ -104,12 +144,14 @@
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;
width: 132rpx; width: 132rpx;
@ -119,7 +161,8 @@
color: #fff; color: #fff;
} }
.vote-box{
.vote-box {
width: 670rpx; width: 670rpx;
height: 358rpx; height: 358rpx;
background: #FFFFFF; background: #FFFFFF;
@ -128,7 +171,8 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.news{
.news {
width: 100%; width: 100%;
height: 248rpx; height: 248rpx;
background: #D2D2D2; background: #D2D2D2;
@ -137,30 +181,35 @@
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;
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: 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;
background: #FFFFFF; background: #FFFFFF;
@ -169,107 +218,127 @@
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;
color: #333333; color: #333333;
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;
border-bottom: 2rpx solid #EFEFEF; border-bottom: 2rpx solid #EFEFEF;
padding: 20rpx 40rpx 22rpx 40rpx; padding: 20rpx 40rpx 22rpx 40rpx;
} }
.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{
width: 392rpx; .title {
width: 400rpx;
height: 134rpx; height: 134rpx;
} }
.title-l{
width: 310rpx; .title-l {
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;
height: 100%; height: 100%;
display: inline-block; display: inline-block;
margin-right: 16rpx; margin-right: 16rpx;
} }
.hotspot-con{
.hotspot-con {
width: 588rpx; width: 588rpx;
height: 130rpx; height: 130rpx;
bottom: 34rpx; bottom: 34rpx;
left: 24rpx; left: 24rpx;
position: absolute; position: absolute;
} }
.hotspot-icon{
.hotspot-icon {
width: 72rpx; width: 72rpx;
height: 32rpx; height: 32rpx;
background: #FE3737; background: #FE3737;
@ -280,22 +349,25 @@
text-align: center; text-align: center;
} }
.hotspot-title-h{
.hotspot-title-h {
width: 588rpx; width: 588rpx;
height: 80rpx; height: 80rpx;
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
position: absolute; position: absolute;
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;
margin: 0 auto; margin: 0 auto;
@ -304,67 +376,75 @@
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;
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: 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;
font-size: 20rpx; font-size: 20rpx;
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;
color: #707070; color: #707070;
} }
.follow-btn{ .follow-btn {
width: 136rpx; width: 136rpx;
height: 40rpx; height: 40rpx;
background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%); background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%);
@ -375,4 +455,4 @@
position: absolute; position: absolute;
right: 60rpx; right: 60rpx;
} }
</style> </style>

28
pages/release/index2.vue

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

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

Loading…
Cancel
Save