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

云生态7

zys
kk_888 3 years ago
parent
9a394f19e2
commit
6283842089
5 changed files with 190 additions and 23 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      pages.json
  2. 15
      pages/demandHall/projectDetail/index.vue
  3. 145
      pages/home/activityCenter/index.vue
  4. 40
      pages/home/index.vue
  5. BIN
      static/images/center-img.png

7
pages.json
Unescape View File

@ -18,6 +18,13 @@
"enablePullDownRefresh": true
}
},
{
"path": "pages/home/activityCenter/index",
"style": {
"navigationStyle": "custom",
"enablePullDownRefresh": true
}
},
{
"path": "pages/user/index",
"style": {

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

@ -50,7 +50,7 @@
</view>
<scroll-view class="scroll-view_H acea-row" scroll-x="true" >
<view class="recommend-list acea-row" v-for="(item,index) in 3">
<image src="../../../static/images/edit-goods.png" mode=""></image>
<image src="../../../static/images/business-img1.png" mode=""></image>
<view class="recommend-bottom acea-row row-column-between">
<view class="title-item">蜂蜜供应商</view>
<view class="line1">优质的供应源，多元化的土地sssssssssssss</view>
@ -247,13 +247,16 @@
color: #FFFFFF;
text-align: center;
}
.recommend-box .title{
margin-left: 32rpx;
}
.recommend-box {
width: 750rpx;
height: 528rpx;
background: #FFFFFF;
margin: 32rpx 0;
padding: 24rpx 0 0 32rpx;
// padding: 24rpx 0 0 32rpx;
padding: 24rpx 0 0 0rpx;
}
.update-box {
@ -262,6 +265,7 @@
color: #FF6D31;
font-size: 24rpx;
margin-bottom: 26rpx;
margin-left: 32rpx;
}
.update-icon{
width: 118rpx;
@ -281,8 +285,9 @@
}
.scroll-view_H{
width: 100%;
height: 338rpx;
height: 345rpx;
white-space: nowrap;
padding-left: 22rpx;
}
.recommend-list{
width: 392rpx;
@ -291,8 +296,8 @@
border-radius: 12rpx;
font-size: 24rpx;
color: #707070;
margin-right: 32rpx;
display: inline-block;
margin: 0 22rpx 0 10rpx;
}
.recommend-list image{
width: 392rpx;

145
pages/home/activityCenter/index.vue
Unescape View File

@ -0,0 +1,145 @@
<template>
<!-- sdsd 345 -->
<view class="activityCenter-page">
<image src="/static/images/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="activity-box">
<view class="activity-list acea-row" v-for="(item,index) in 3">
<image src="../../../static/images/business-img1.png" mode="" class="act-img"></image>
<view class="act-con acea-row row-column-between">
<view class="title">云生态会员招募开始</view>
<view class="act-time acea-row row-middle">
<image src="../../../static/images/act-time.png" mode="" class="time-img"></image>
<view>12-23 00:00至11-25 23:00</view>
</view>
<view class="act-adress acea-row">
<image src="../../../static/images/act-address.png" mode="" class="address-img"></image>
<view class="title-line">武汉市江夏区文化大道288号斤斤计较经济放假安排发金额为吉安打了个</view>
</view>
<view class="acea-row row-between-wrapper act-price">
<text class="act-p">￥888.00</text>
<text class="act-i">进行中</text>
<view class="enter-btn">立即报名</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
const app = getApp();
export default {
data() {
return {
menuHeight: app.globalData.menuHeight,
menuTop: app.globalData.menuTop,
};
},
}
</script>
<style lang="less">
.activityCenter-page{
width: 100%;
height: auto;
background: #fff;
position: relative;
}
.top-bg{
width: 100%;
height: 1210rpx;
}
.page-title{
width: 100%;
color: #fff;
text-align: center;
position: absolute;
}
.activity-box{
width: 100%;
height: auto;
background: #FFF;
position: absolute;
top: 538rpx;
border-radius: 30rpx 30rpx 0 0;
padding: 32rpx 40rpx 0 40rpx;
margin-bottom: 218rpx;
}
.activity-list{
border-bottom: 1px solid #EEEEEE;
padding: 20rpx 0;
.act-img{
width: 178rpx;
height: 236rpx;
margin-right: 20rpx;
}
.act-con{
width: 450rpx;
height: 236rpx;
padding: 5rpx 0;
.title{
width: 345rpx;
height: 40rpx;
font-size: 28rpx;
font-weight: 600;
line-height: 35rpx;
color: #1D1D1D;
}
.act-time{
width: 345rpx;
font-size: 24rpx;
color: #191919;
.time-img{
width: 18rpx;
height: 22rpx;
line-height: 34rpx;
margin: 0rpx 16rpx 0 0;
}
}
.act-adress{
width: 345rpx;
height: 67rpx;
.address-img{
width: 19rpx;
height: 23rpx;
margin: 7rpx 14rpx 40rpx 0;
}
.title-line{
width: 308rpx;
height: 68rpx;
font-size: 24rpx;
font-weight: 500;
color: #191919;
word-wrap : break-word;
overflow:hidden;
}
}
.act-price{
width: 100%;
.act-i {
font-size: 24rpx;
color: #FF5A0E;
font-weight: 600;
}
.act-p{
font-size: 32rpx;
color: #2A2B2B;
font-weight: 600;
}
.enter-btn{
width: 138rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%);
border-radius: 26rpx;
color: #fff;
font-size: 24rpx;
}
}
}
}
</style>

40
pages/home/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<view class="productSort">
<!-- 顶部主页 -->
<skeleton v-if="showSkeleton" ref="skeleton" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton>
<skeleton v-if="showSkeleton" ref="<strong>skeleton</strong>" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton>
<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>
@ -30,14 +30,14 @@
<view class="act-title">{{item.name}}</view>
<view class="resource-list acea-row-nowrap">
<image :src="item.images" class="act-img" mode="aspectFill"></image>
<view>
<view class="act-time acea-row row-left">
<view class="act-con acea-row row-middle">
<view class="act-time acea-row row-middle line1">
<image src="../../static/images/act-time.png" mode=""></image>
<view>{{item.activityStartTime.split(' ')[0]}}至{{item.activityEndTime.split(' ')[0]}}</view>
</view>
<view class="act-adress acea-row row-left">
<view class="act-adress acea-row line1">
<image src="../../static/images/act-address.png" mode=""></image>
<view class="line1">{{item.address}}</view>
<view class="title-line">{{item.address}}</view>
</view>
<view class="acea-row row-between-wrapper act-price">
<text class="act-i">进行中</text>
@ -491,8 +491,9 @@ export default {
margin-right: 28rpx;
border-radius: 12rpx;
}
.act-adress,.act-time{
margin: 8rpx 0 20rpx 0;
.act-con{
width: 338rpx;
height: 190rpx;
}
.act-adress view,.act-time view{
width: 300rpx;
@ -502,25 +503,34 @@ export default {
.act-time image{
width: 18rpx;
height: 22rpx;
margin: 7rpx 16rpx 0 0;
margin-right: 16rpx;
}
.act-adress image{
width: 19rpx;
height: 23rpx;
margin: 8rpx 14rpx 0 0;
margin: 7rpx 14rpx 0 0;
}
.act-price{
margin-top: 40rpx;
.title-line{
width: 308rpx;
height: 68rpx;
font-size: 24rpx;
font-weight: 500;
color: #191919;
white-space:pre-wrap;
}
.act-i {
.act-price{
width: 335rpx;
font-weight: 600;
.act-i {
font-size: 24rpx;
color: #FF5A0E;
}
.act-p{
}
.act-p{
font-size: 32rpx;
color: #2A2B2B;
font-weight: 600;
}
}
.act-bottom{
position: relative;
width: 562rpx;

BIN
static/images/center-img.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 326 KiB

Write Preview
Loading…
Cancel
Save