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