gaojian/card-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面优化

Browse Source
This commit is contained in:
高健 2021-08-09 10:22:34 +08:00
parent 97cb499755
commit 843a674f83
7 changed files with 90 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packagecard/cardDetail/cardDetail.wxml
View File

@ -37,9 +37,9 @@
<view class="edit-card"> <view class="edit-card">
<view wx:for="{{areaList}}" wx:key="index" <view wx:for="{{areaList}}" wx:key="index"
wx:if="{{item.templateAreaServerLink != '2' && item.templateAreaType != '1'}}"> wx:if="{{item.templateAreaServerLink != '2' && item.templateAreaType != '1'}}">
<view class="row"> <view class="row-ver">
<view class="item-title-box"> <view class="item-title-box">
<view class="item-title">{{item.templateAreaName}}:</view> <view class="item-title">{{item.templateAreaName}}</view>
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入{{item.templateAreaFontLength}}个字符</view> <view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入{{item.templateAreaFontLength}}个字符</view>
</view> </view>
<view class="item-input"> <view class="item-input">
@ -53,9 +53,12 @@
</view> </view>
</view> </view>
<view class="row" wx:for="{{areaList}}" wx:key="index" <view class="row-ver" wx:for="{{areaList}}" wx:key="index"
wx:if="{{item.templateAreaServerLink == '2' && item.templateAreaType != '1'}}"> wx:if="{{item.templateAreaServerLink == '2' && item.templateAreaType != '1'}}">
<view class="item-title">{{item.templateAreaName}}:</view> <view class="item-title-box">
<view class="item-title">{{item.templateAreaName}}</view>
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入1张图片</view>
</view>
<view bindtap="choosePhoto" data-cur="{{index}}" data-item="{{item}}" class="card-img-box"> <view bindtap="choosePhoto" data-cur="{{index}}" data-item="{{item}}" class="card-img-box">
<image src="{{cardUrl}}{{item.templateAreaFile}}" mode="widthFix"></image> <image src="{{cardUrl}}{{item.templateAreaFile}}" mode="widthFix"></image>
<text class="cuIcon-cameraadd" style="font-size: 100rpx;"></text> <text class="cuIcon-cameraadd" style="font-size: 100rpx;"></text>
@ -70,7 +73,7 @@
</view> --> </view> -->
</view> </view>
</view> </view>
<view class="padding-xs foot bg-white" wx:if="{{!isLoading}}"> <view class="padding-sm foot bg-white" wx:if="{{!isLoading}}">
<button class="cu-btn bg-blue" style="width:100%" bindtap="createMyCard">生成我的名片</button> <button class="cu-btn bg-blue" style="width:100%" bindtap="createMyCard">生成我的名片</button>
</view> </view>
<view class="hide-link" wx:if="{{showHide}}"> <view class="hide-link" wx:if="{{showHide}}">

16
packagecard/cardDetail/cardDetail.wxss
View File

@ -52,17 +52,24 @@ page {
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
} }
.row-ver {
display: flex;
padding: 15rpx 20rpx;
border-bottom: 1px solid #EEE;
border-bottom: 1rpx solid #f5f5f5;
flex-direction: column;
}
.item-title { .item-title {
flex: 1; flex: 1;
font-size: 32rpx; font-size: 32rpx;
line-height: 50rpx; line-height: 50rpx;
color: #808080; color: #808080;
align-self: center;
} }
.item-title-box { .item-title-box {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
@ -76,7 +83,7 @@ page {
.item-input input { .item-input input {
width: 100%; width: 100%;
text-align: right; text-align: left;
height: 50rpx; height: 50rpx;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
@ -185,6 +192,7 @@ page {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-right: 40rpx; margin-right: 40rpx;
justify-content: space-between;
} }
.card-img-box image { .card-img-box image {
@ -194,7 +202,7 @@ page {
.hint-txt { .hint-txt {
text-align: right; text-align: right;
color: #ff0000; color: #fd9494;
font-size: 24rpx; font-size: 24rpx;
padding: 10rpx 32rpx; padding: 10rpx 32rpx;
} }

8
packagecard/moments/list/momentslist.js
View File

@ -66,6 +66,7 @@ Page({
var items = item.value.split(',') var items = item.value.split(',')
var tempList = [] var tempList = []
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
if (items[i] != '') {
var urls = _self.data.imgUrl + items[i] var urls = _self.data.imgUrl + items[i]
var tempItem = { var tempItem = {
path: urls, path: urls,
@ -73,12 +74,14 @@ Page({
} }
tempList.push(tempItem) tempList.push(tempItem)
} }
}
item.valueList = tempList item.valueList = tempList
break break
case '4': //视频 case '4': //视频
var items = item.value.split(',') var items = item.value.split(',')
var tempList = [] var tempList = []
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
if (items[i] != '') {
var ss = items[i].split('&') var ss = items[i].split('&')
var videoUrl = app.urls.baseImgUrl + ss[0] var videoUrl = app.urls.baseImgUrl + ss[0]
var imgUrl = app.urls.baseImgUrl + ss[1] var imgUrl = app.urls.baseImgUrl + ss[1]
@ -88,12 +91,14 @@ Page({
} }
tempList.push(tempItem) tempList.push(tempItem)
} }
}
item.valueList = tempList item.valueList = tempList
break break
case '6': //定位 case '6': //定位
var items = item.value.split('-') var items = item.value.split('-')
var tempList = [] var tempList = []
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
if (items[i] != '') {
//截取经纬度 //截取经纬度
var latlng = items[i].split(',') var latlng = items[i].split(',')
var tempItem = { var tempItem = {
@ -102,12 +107,14 @@ Page({
} }
tempList.push(tempItem) tempList.push(tempItem)
} }
}
item.valueList = tempList item.valueList = tempList
break break
case '3': //音频 case '3': //音频
var items = item.value.split(',') var items = item.value.split(',')
var tempList = [] var tempList = []
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
if (items[i] != '') {
var urls = _self.data.imgUrl + items[i] var urls = _self.data.imgUrl + items[i]
var tempItem = { var tempItem = {
path: urls, //地址 path: urls, //地址
@ -119,6 +126,7 @@ Page({
} }
tempList.push(tempItem) tempList.push(tempItem)
} }
}
item.valueList = tempList item.valueList = tempList
break break
case '8': //单选 case '8': //单选

8
packagecard/moments/list/momentslist.wxml
View File

@ -29,7 +29,7 @@
</view> </view>
</view> </view>
<!-- 图片 --> <!-- 图片 -->
<view wx:if="{{child.dataType=='2'}}" class="cu-form-group margin-top-xs"> <view wx:if="{{child.dataType=='2' && child.valueList.length>0}}" class="cu-form-group margin-top-xs">
<view class="grid col-4 grid-square flex-sub"> <view class="grid col-4 grid-square flex-sub">
<view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" wx:for-item="photo" <view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" wx:for-item="photo"
catchtap="viewImg" data-url="{{photo.path}}"> catchtap="viewImg" data-url="{{photo.path}}">
@ -38,7 +38,7 @@
</view> </view>
</view> </view>
<!-- 视频 --> <!-- 视频 -->
<view wx:if="{{child.dataType=='4'}}" class="cu-form-group margin-top-sm" style="border:1rpx solid #eee;"> <view wx:if="{{child.dataType=='4' && child.valueList.length>0}}" class="cu-form-group margin-top-sm" style="border:1rpx solid #eee;">
<view class="grid col-{{count>3 ? count : 1}} grid-square flex-sub"> <view class="grid col-{{count>3 ? count : 1}} grid-square flex-sub">
<view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" wx:for-item="video" <view class="bg-img" wx:for="{{child.valueList}}" wx:key="index" wx:for-item="video"
catchtap="viewVideo" style="height:280rpx;width:100%;padding-bottom:0px;" catchtap="viewVideo" style="height:280rpx;width:100%;padding-bottom:0px;"
@ -52,7 +52,7 @@
</view> </view>
</view> </view>
<!-- 音频 --> <!-- 音频 -->
<view wx:if="{{child.dataType=='3'}}" style="width:100%;"> <view wx:if="{{child.dataType=='3' && child.valueList.length>0}}" style="width:100%;">
<view class="flex align-center shadow-box margin-top-xs" style="width:100%;" <view class="flex align-center shadow-box margin-top-xs" style="width:100%;"
wx:for="{{child.valueList}}" wx:for-index="i" wx:key="i" wx:for-item="audio"> wx:for="{{child.valueList}}" wx:for-index="i" wx:key="i" wx:for-item="audio">
<image src="/images/ic_user_default.png" mode="scaleToFill" style="width:80rpx;height:80rpx;"> <image src="/images/ic_user_default.png" mode="scaleToFill" style="width:80rpx;height:80rpx;">
@ -79,7 +79,7 @@
</view> </view>
</view> </view>
<!-- 地图定位 --> <!-- 地图定位 -->
<view wx:if="{{child.dataType=='6'}}"> <view wx:if="{{child.dataType=='6' && child.valueList.length>0}}">
<view wx:for="{{child.valueList}}" wx:key="index" wx:for-item="m" style="width:100%;" <view wx:for="{{child.valueList}}" wx:key="index" wx:for-item="m" style="width:100%;"
class="margin-top-xs"> class="margin-top-xs">
<view class="flex justify-between"> <view class="flex justify-between">

2
packagecard/moments/publish/momentpublishline.wxml
View File

@ -218,7 +218,7 @@
<van-empty description="暂无数据" image="../../../images/ic_empty_data.png" /> <van-empty description="暂无数据" image="../../../images/ic_empty_data.png" />
</view> </view>
<view class="padding-xs foot bg-white" wx:if="{{fieldList.length > 0}}"> <view class="foot bg-white" style="padding: 0rpx 20rpx;" wx:if="{{fieldList.length > 0}}">
<button class="cu-btn bg-blue" style="width:100%" bindtap="doPublish">保存</button> <button class="cu-btn bg-blue" style="width:100%" bindtap="doPublish">保存</button>
</view> </view>

13
pages/mine/myCardDetail/myCardDetail.wxml
View File

@ -36,9 +36,11 @@
<view class="edit-card"> <view class="edit-card">
<view wx:for="{{areaList}}" wx:key="index" <view wx:for="{{areaList}}" wx:key="index"
wx:if="{{item.templateAreaServerLink != '2' && item.templateAreaType != '1'}}"> wx:if="{{item.templateAreaServerLink != '2' && item.templateAreaType != '1'}}">
<view class="row"> <view class="row-ver">
<view class="item-title">{{item.templateAreaName}}:</view> <view class="item-title-box">
<view class="item-title">{{item.templateAreaName}}</view>
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入{{item.templateAreaFontLength}}个字符</view> <view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入{{item.templateAreaFontLength}}个字符</view>
</view>
<view class="item-input"> <view class="item-input">
<input type="text" placeholder="请输入内容,最多{{item.templateAreaFontLength}}个字" data-num="{{index}}" <input type="text" placeholder="请输入内容,最多{{item.templateAreaFontLength}}个字" data-num="{{index}}"
value="{{item.templateAreaFontValue}}" focus="{{item.focus}}" data-item="{{item}}" value="{{item.templateAreaFontValue}}" focus="{{item.focus}}" data-item="{{item}}"
@ -49,9 +51,12 @@
</view> </view>
</view> </view>
</view> </view>
<view class="row" wx:for="{{areaList}}" wx:key="index" <view class="row-ver" wx:for="{{areaList}}" wx:key="index"
wx:if="{{item.templateAreaServerLink == '2' && item.templateAreaType != '1'}}"> wx:if="{{item.templateAreaServerLink == '2' && item.templateAreaType != '1'}}">
<view class="item-title">{{item.templateAreaName}}:</view> <view class="item-title-box">
<view class="item-title">{{item.templateAreaName}}</view>
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入1张图片</view>
</view>
<view class="card-img-box" bindtap="choosePhoto" data-cur="{{index}}" data-item="{{item}}"> <view class="card-img-box" bindtap="choosePhoto" data-cur="{{index}}" data-item="{{item}}">
<image src="{{cardUrl}}{{item.templateAreaFile}}" mode="widthFix"></image> <image src="{{cardUrl}}{{item.templateAreaFile}}" mode="widthFix"></image>
<text class="cuIcon-cameraadd" style="font-size: 100rpx;"></text> <text class="cuIcon-cameraadd" style="font-size: 100rpx;"></text>

24
pages/mine/myCardDetail/myCardDetail.wxss
View File

@ -33,7 +33,7 @@ page {
.card-info { .card-info {
padding: 10rpx; padding: 10rpx;
margin-bottom: 90rpx; margin-bottom: 100rpx;
} }
.card-title { .card-title {
@ -49,6 +49,15 @@ page {
padding: 15rpx 10rpx; padding: 15rpx 10rpx;
border-bottom: 1px solid #EEE; border-bottom: 1px solid #EEE;
background: #ffffff; background: #ffffff;
border-bottom: 1rpx solid #f5f5f5;
}
.row-ver {
display: flex;
padding: 15rpx 20rpx;
border-bottom: 1px solid #EEE;
border-bottom: 1rpx solid #f5f5f5;
flex-direction: column;
} }
.item-title { .item-title {
@ -56,7 +65,13 @@ page {
font-size: 32rpx; font-size: 32rpx;
line-height: 50rpx; line-height: 50rpx;
color: #808080; color: #808080;
align-self: center; }
.item-title-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
} }
.item-input { .item-input {
@ -68,7 +83,7 @@ page {
.item-input input { .item-input input {
width: 100%; width: 100%;
text-align: right; text-align: left;
height: 50rpx; height: 50rpx;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
@ -177,6 +192,7 @@ page {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-right: 40rpx; margin-right: 40rpx;
justify-content: space-between;
} }
.card-img-box image { .card-img-box image {
@ -186,7 +202,7 @@ page {
.hint-txt { .hint-txt {
text-align: right; text-align: right;
color: #ff0000; color: #fd9494;
font-size: 24rpx; font-size: 24rpx;
padding: 10rpx 32rpx; padding: 10rpx 32rpx;
} }