jgl
/
photo_uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
main
JING 8 months ago
parent 97c3cb6532
commit 43b9633fcd
4 changed files with 73 additions and 124 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 186
      pages/index/index.vue
  2. 4
      pages/user/index.vue
  3. 3
      pagesA/photo/components/photo_header.vue
  4. 4
      uni.scss

186
pages/index/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<custom_navbar :title="navbar_title" @getNavHeight="getNavHeight" :theme="theme" />
<view class="bannerBox"> <view class="bannerBox" :style="'margin-top:-'+margin_top+'px'">
<u-swiper <u-swiper
:list="banner" :list="banner"
keyName="image" keyName="image"
@ -36,14 +36,14 @@
<image src="/static/img/index/title_zj.png" mode="widthFix"></image> <image src="/static/img/index/title_zj.png" mode="widthFix"></image>
</view> </view>
<view class="listBox"> <view class="listBox">
<view class="photoBox"> <view class="photoBox" v-for="(item,index) in specs_list" :key="index">
<view class="photoTop"> <view class="photoTop">
<view class="topLeft"> <view class="topLeft">
<image src="/static/img/index/zj_icon.png" mode="widthFix"></image> <image :src="item.icon" mode="widthFix" @error="specsErr(index)"></image>
</view> </view>
<view class="topCenter"> <view class="topCenter">
<view class="title">一寸照</view> <view class="title">{{item.title}}</view>
<view class="desc">25×35mm | 413×579px</view> <view class="desc">{{item.w_h_mm.w}}×{{item.w_h_mm.h}}mm | {{item.w_h_px.w}}×{{item.w_h_px.h}}px</view>
</view> </view>
<view class="topRight"> <view class="topRight">
@ -54,60 +54,7 @@
</view> </view>
</view> </view>
<view class="photoBox">
<view class="photoTop">
<view class="topLeft">
<image src="/static/img/index/zj_icon.png" mode="widthFix"></image>
</view>
<view class="topCenter">
<view class="title">二寸照</view>
<view class="desc">25×35mm | 413×579px</view>
</view>
<view class="topRight">
<view class="distance">
<image src="/static/img/index/right.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<view class="photoBox">
<view class="photoTop">
<view class="topLeft">
<image src="/static/img/index/zj_icon.png" mode="widthFix"></image>
</view>
<view class="topCenter">
<view class="title">大一寸照</view>
<view class="desc">25×35mm | 413×579px</view>
</view>
<view class="topRight">
<view class="distance">
<image src="/static/img/index/right.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<view class="photoBox">
<view class="photoTop">
<view class="topLeft">
<image src="/static/img/index/zj_icon.png" mode="widthFix"></image>
</view>
<view class="topCenter">
<view class="title">小一寸照</view>
<view class="desc">25×35mm | 413×579px</view>
</view>
<view class="topRight">
<view class="distance">
<image src="/static/img/index/right.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
</view> </view>
<view class="indexTitle"> <view class="indexTitle">
@ -116,30 +63,13 @@
<view class="picList"> <view class="picList">
<scroll-view class="scrollBox" scroll-x="true" @scroll="scroll1" scroll-left="0"> <scroll-view class="scrollBox" scroll-x="true" @scroll="scroll1" scroll-left="0">
<view class="picBox"> <view class="picBox" v-for="(item,index) in album_list" :key="index">
<view class="pic"> <view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image> <image :src="item.face" mode="widthFix"></image>
</view> </view>
<view class="pic_title">风格名称</view> <view class="pic_title">{{item.title}}</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@ -149,54 +79,54 @@
<view class="picList"> <view class="picList">
<scroll-view class="scrollBox" scroll-x="true" @scroll="scroll2" scroll-left="0"> <scroll-view class="scrollBox" scroll-x="true" @scroll="scroll2" scroll-left="0">
<view class="picBox"> <view class="picBox" v-for="(item,index) in cartoon_list" :key="index">
<view class="pic"> <view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image> <image :src="item.face" mode="widthFix"></image>
</view> </view>
<view class="pic_title">风格名称</view> <view class="pic_title">{{item.title}}</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view>
<view class="picBox">
<view class="pic">
<image src="/static/img/index/pic.png" mode="widthFix"></image>
</view>
<view class="pic_title">风格名称</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
<view class="spaceBox"></view>
</view> </view>
</template> </template>
<script> <script>
import custom_navbar from "./components/header.vue";
export default { export default {
components: {
custom_navbar
},
data() { data() {
return { return {
banner: [ navbar_title: '智能拍照合成',
// { theme: "blue",
// adImg:'/static/img/index/banner.png', margin_top: -7,
// }
], banner: [
sceneList:[], //场景 // {
hotList:[],//热门 // adImg:'/static/img/index/banner.png',
// }
],
sceneList:[], //场景
specs_list:[],//证件
album_list:[],//写真
cartoon_list:[],//卡通
} }
}, },
computed:{ onPageScroll(e) {
if (e.scrollTop > 50) {
this.theme = 'white';
} else {
this.theme = 'blue';
}
}, },
onLoad() { onLoad() {
var _this = this; var _this = this;
@ -225,6 +155,9 @@
} }
}, },
methods: { methods: {
getNavHeight(e) {
this.margin_top += e;
},
goTo(url) goTo(url)
{ {
uni.$u.route({ uni.$u.route({
@ -275,16 +208,29 @@
var _this =this; var _this =this;
_this.$api.get('api/photo/hot_list', {},function(res){ _this.$api.get('api/photo/hot_list', {},function(res){
console.log('热门原始',res); console.log('热门原始',res);
var hotList = res; var specs_list= res.specs_list;
hotList.forEach((item, index) => { specs_list.forEach((item, index) => {
hotList[index].image = _this.$api.ossurl(item.image); specs_list[index].icon = _this.$api.ossurl(item.icon);
});
_this.specs_list = specs_list;
var album_list= res.album_list;
album_list.forEach((item, index) => {
album_list[index].face = _this.$api.ossurl(item.face);
});
_this.album_list = album_list;
var cartoon_list= res.cartoon_list;
cartoon_list.forEach((item, index) => {
cartoon_list[index].face = _this.$api.ossurl(item.face);
}); });
console.log('热门修正',hotList); _this.cartoon_list = cartoon_list;
_this.hotList = hotList;
}); });
}, },
//证件照图片加载失败默认
specsErr(index)
{
this.specs_list[index].icon = '/static/img/index/zj_icon.png';
},
//滚动监控 //滚动监控
scroll1(e) { scroll1(e) {
@ -414,7 +360,7 @@
.contentBox{ .contentBox{
width:746rpx; width:746rpx;
height: 500rpx; height: auto;
background: linear-gradient( 180deg, #DBD9FF 0%, #F5F6FB 100%); background: linear-gradient( 180deg, #DBD9FF 0%, #F5F6FB 100%);
border-radius: 28rpx 28rpx 0rpx 0rpx; border-radius: 28rpx 28rpx 0rpx 0rpx;
border: 2rpx solid #FFFFFF; border: 2rpx solid #FFFFFF;
@ -488,7 +434,7 @@
.topRight .distance image{ width: 32rpx; height: 32rpx; margin-right: 24rpx;} .topRight .distance image{ width: 32rpx; height: 32rpx; margin-right: 24rpx;}
.picList{ width: 100%; height: 360rpx;} .picList{ width: 100%; height: 360rpx; }
.scrollBox { .scrollBox {
margin-top: 20rpx; margin-top: 20rpx;

4
pages/user/index.vue
Unescape View File

@ -218,10 +218,10 @@ export default {
var post ={}; var post ={};
_this.$api.get('api/userInfo',post,function(rs){ _this.$api.get('api/userInfo',post,function(rs){
console.log('用户信息',rs); console.log('用户信息',rs);
var oldToken = _this.$user.session('token');
//先缓存 //先缓存
_this.$user.session('userInfo',rs); _this.$user.session('userInfo',rs);
_this.$user.session('user_id',rs.id); if(!_this.$com.isNull(rs.token) && oldToken != rs.token)
if(!_this.$com.isNull(rs.token))
{ {
_this.$user.session('token',rs.token); _this.$user.session('token',rs.token);
} }

3
pagesA/photo/components/photo_header.vue
Unescape View File

@ -26,7 +26,8 @@ export default {
navHeight: 80, navHeight: 80,
thisBack:'', thisBack:'',
thisColor:'' thisColor:'',
} }
}, },
onLoad(options) { onLoad(options) {

4
uni.scss
Unescape View File

@ -85,4 +85,6 @@ page{background-color: #F5F6FB;}
padding: 6rpx 14rpx; padding: 6rpx 14rpx;
opacity: 0.8; opacity: 0.8;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
//占位
.spaceBox{ width: 100%; height: 120rpx; text-align: center;}

Write Preview
Loading…
Cancel
Save