Skip to content

G
get-up-early
Commit ccd14264 by baihong
Options

add:详情上传照片

parent 07f95c0e
Showing with 192 additions and 0 deletions
pages.json
...@@ -83,6 +83,15 @@ ...@@ -83,6 +83,15 @@
} }
} }
,{
"path" : "pages/upload/upload",
"style" :
{
"navigationBarTitleText": "签到活动",
"enablePullDownRefresh": false
}
}
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
pages/upload/upload.vue 0 → 100644
<template>
<view class="app">
<view class="days">
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
<view class="line"></view>
<view class="day-box">
<image v-if="!active" src="../../static/imgs/ic_bay_01@2x.png" mode=""></image>
<image v-else src="../../static/imgs/ic_bay_02@2x.png" mode=""></image>
<text>day1</text>
</view>
</view>
<view class="main">
<view class="img-box">
<image src="../../static/imgs/ic_upload@2x.png" mode=""></image>
<text>上传图标</text>
</view>
<view class="btns">上传照片</view>
<view class="btns yellow">分享</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss" scoped>
.app {
.main {
display: flex;
align-items: center;
flex-direction: column;
.btns{
width: 590rpx;
height: 74rpx;
border-radius: 8rpx;
border: 1rpx solid #555555;
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #000000;
line-height: 40rpx;
display: flex;
align-items: center;
justify-content: center;
}
.yellow {
border: none;
background-color: #FFC915;
margin-top: 30rpx;
}
.img-box {
width: 660rpx;
height: 345rpx;
margin-top: 33rpx;
margin-bottom: 70rpx;
background: #F4F4F4;
border-radius: 9rpx;
border: 1rpx dashed #999999;
display: flex;
align-items: center;
flex-direction: column;
image{
width: 121rpx;
height: 94rpx;
margin-bottom: 21rpx;
margin-top: 99rpx;
}
text{
font-size: 24rpx;
font-weight: 400;
color: #999999;
line-height: 33rpx;
}
}
}
.days {
display: flex;
padding: 42rpx;
margin-bottom: 20rpx;
background-color: #FFFFFF;
.line {
width: 60rpx;
height: 3rpx;
background: #DCDCDC;
margin-top: 30rpx;
}
.day-box {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
min-height: 74rpx;
justify-content: flex-end;
.cor {
width: 40rpx;
height: 40rpx;
background: #FFFFFF;
border: 1rpx solid #FF1130;
font-size: 18rpx;
font-family: OpenSans;
color: #FF1130;
line-height: 24rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -16rpx;
top: -36rpx;
}
.tip {
width: 71rpx;
height: 48rpx;
font-size: 22rpx;
font-family: OpenSans;
color: #333333;
background-image: url(../../static/imgs/ic_number_01@2x.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
image {
width: 54rpx;
height: 54rpx;
}
text {
font-size: 24rpx;
font-family: OpenSans;
color: #555555;
line-height: 33rpx;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment