Skip to content

U
uni-pdtravel
Commit 8f468247 authored by zhoucong's avatar zhoucong
Browse files
Options

123

parent 4f05800f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 53 deletions
pages.json
View file @ 8f468247
......@@ -156,7 +156,7 @@
,{
"path" : "pages/vlog/vlogIndex/vlogIndex",
"style" : {
"navigationBarTitleText": "VLOG",
"navigationBarTitleText": "欢乐影集",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor":"#ffffff",
"navigationBarTextStyle": "black"
......@@ -214,7 +214,7 @@
,{
"path" : "pages/vlog/product/product",
"style" : {
"navigationBarTitleText": "产品",
"navigationBarTitleText": "产品列表",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
......
pages/vlog/myVlog/myVlog.vue
View file @ 8f468247
......@@ -83,7 +83,6 @@
height: 100%;
width: 100%;
text-align: center;
.noEmpty {
color: #fff;
height: 100%;
......
pages/vlog/myVlogPhotos/myVlogPhotos.vue
View file @ 8f468247
<template>
<view class="content">
<view class="" style="display: flex;margin-top: 40rpx;">
<view class="" style="display: flex;padding: 40rpx 20rpx 0 20rpx;">
<u-section title="精彩瞬间" :right="false" color="#303133" ></u-section>
<text style="font-size: 24rpx;color: #ccc;margin-left: 30rpx;">MOMENT</text>
</view>
<image src="../../../static/img/vlog/icon/fengexian.png" mode="" style="width: 100%;height: 15rpx;"></image>
<view class="row">
<view class="item" v-for="(item,index) in list" :key="index" @click="pushImg(item)">
<image :src="item.thumbImageUrl" mode=""></image>
<u-icon class="icon" name="checkmark-circle-fill" color="#2979FF" size="50"></u-icon>
<view class="price">
<view class="item" v-for="(item,index) in list" :key="index">
<image :src="item.thumbImageUrl" mode="widthFix"></image>
<view class="bottom">
<text class="text1">¥123</text>
<text class="text2">¥123</text>
<u-button class="button" size="mini" @click="payment">
点击付费下载
</u-button>
</view>
</view>
</view>
<view class="bottom" >
<view class="price">
<text class="text1">¥123</text>
<text class="text2">¥123</text>
</view>
<view class="btnn">
提交订单
</view>
</view>
</view>
</template>
<script>
......@@ -40,8 +33,8 @@ export default {
onReady() {//代替 vue 里面的 mounted
},
methods: {
pushImg(item){//添加相片到订单
// this.checkImg=item.thumbImageUrl
payment(){//付费下载
},
getPhotoData(){//获取用户vlog图片
this.$request("wechatUser/myPage/getVlogRecord", {
......@@ -64,23 +57,16 @@ export default {
}
</script>
<style lang="scss" scoped>
.content{padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;
.row{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;padding-bottom: 100rpx;
.item{width: 48%;height: 220rpx;position: relative;margin-bottom: 20rpx;
image{width: 100%;height: 100%;border-radius: 10rpx;}
.icon{position: absolute;top: 5rpx;right: 5rpx;}
.price{position: absolute;bottom: 10rpx;right: 10rpx;font-weight: bold;
.content{box-sizing: border-box;margin: 0 auto;background-color: #fff;height: 100%;
.row{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;
.item{width: 50%;position: relative;padding: 15rpx;
image{width: 100%;border-radius: 10rpx;}
.bottom{font-weight: bold;align-items: center;
.text1{font-size: 24rpx; text-decoration: line-through;color: #ccc;}
.text2{font-size: 32rpx;color: #EE520E;margin-left: 10rpx;}
.button{float: right;}
}
}
}
.bottom{border-top: 1rpx solid #e8e8e8;background-color: #fff; position: fixed;bottom: 0;width: 100%;height: 100rpx;right: 0;line-height: 100rpx;font-size: 32rpx;font-weight: bold;border-top-left-radius: 10rpx;border-top-right-radius: 10rpx;z-index: 10;
.btnn{float: right;width: 200rpx;background-color: #FFE600;border-radius: 10rpx;text-align: center;}
.price{font-weight: bold;float: left;padding-left: 20rpx;
.text1{font-size: 24rpx; text-decoration: line-through;color: #ccc;}
.text2{font-size: 32rpx;color: #EE520E;margin-left: 10rpx;}
}
}
}
</style>
\ No newline at end of file
pages/vlog/product/product.vue
View file @ 8f468247
<template>
<view class="content">
<view class="item" style="padding: 20rpx 0;height: 220rpx;">
<image src="https://cdn.uviewui.com/uview/swiper/1.jpg"></image>
<view class="item" style="padding-bottom: 0;">
<image src="../../../static/img/vlog/product_fengmian.jpg" mode="widthFix"></image>
<view class="title">
<view>我的VLOG照片</view>
<navigator url="../myVlogPhotos/myVlogPhotos" class="btnn" style="margin-top: 50rpx;">
......@@ -11,7 +11,7 @@
</view>
<block v-for="(item,index) in list" :key="index">
<view class="item">
<image :src="item.imgUrl"></image>
<image :src="item.imgUrl" style="height: 230rpx;"></image>
<view class="title">
<text>{{item.name}}</text>
<view style="margin: 15rpx 0;">
......@@ -63,13 +63,13 @@ export default {
}
</script>
<style lang="scss" scoped>
.content{padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;
.item{display: flex;justify-content: space-between;padding: 40rpx 0;height: 260rpx;position: relative;
image{width: 48%;height: 100%; border-radius: 10rpx;}
.title{width: 48%;height: 100%;text-align: center;font-weight: bold;
.content{padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;background-color: #fff;height: 100%;
.item{display: flex;justify-content: space-between;padding: 40rpx 0;position: relative;width: 100%;align-items: center;
image{width: 55%;border-radius: 10rpx;}
.title{width: 40%;text-align: center;font-weight: bold;
.btnn {display: inline-block;border-radius: 15rpx;background-color: #FFE600;font-weight: bold;padding: 15rpx 20rpx;}
}
.guige{position: absolute;bottom: 0;left: 13%;color: #999999;}
.guige{position: absolute;color: #999999;height: 16rpx;line-height: 16rpx;bottom: 8rpx;left: 20%;}
}
}
.noprice{font-size: 24rpx; text-decoration: line-through;color: #ccc;}
......
pages/vlog/scenicList/scenicList.vue
View file @ 8f468247
......@@ -7,7 +7,7 @@
<view class="title">
<text>[ {{scenic.name || ""}} ]</text>
<view>
<u-icon name="eye-fill" class="icon" color="#ffffff" size="40rpx"></u-icon><text style="color: #ffffff;">10W+</text>
<u-icon name="eye-fill" class="icon" color="#ffffff" size="40rpx"></u-icon><text style="color: #ffffff;" space>10W +</text>
</view>
</view>
</view>
......
pages/vlog/vlogIndex/vlogIndex.vue
View file @ 8f468247
......@@ -4,7 +4,7 @@
<u-search placeholder="景区/关键词搜索" v-model="search" :clearabled="true" @search="query" :show-action="true"
action-text="搜索" :animation="true"></u-search>
<view class="swiper">
<u-swiper :list="list"></u-swiper>
<u-swiper :list="list" height="380"></u-swiper>
</view>
<view class="title">
<view class="shuxian"></view>
......@@ -69,13 +69,13 @@
scenicList: [], //景区列表
search: "", //景区
list: [{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg'
image: '../../../static/img/vlog/swipe/swipe1.jpg'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg'
image: '../../../static/img/vlog/swipe/swipe2.jpg'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg'
image: '../../../static/img/vlog/swipe/swipe3.jpg'
}
],
}
......@@ -242,7 +242,7 @@
}
.photoGallery {
height: 150rpx;
height: 180rpx;
border-radius: 10rpx;
background-color: #212B44;
margin-top: 20rpx;
......
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