Skip to content

K
kxz-app-phone-h5
Commit 85be0a2b by huahua
Options

提交

parent f9e63e33
Showing with 357 additions and 195 deletions
App.vue
<script> <script>
import logoservice from '@/service/logoservice.js'; import logoservice from '@/service/logoservice.js';
import homeservice from '@/service/homeservice.js';
export default { export default {
globalData: { globalData: {
bindWx: null, //判断有没有用户之前登录过 bindWx: null,
machine_id: null, //设备id machine_id: null, //设备id
language: 'en-us', //中zh-cn 英en-us
languageList: null, //中英文语言包
typefacedata: [],
num: 0
}, },
methods: { methods: {
//调转登录选择页面判断 //调转登录选择页面判断
...@@ -133,6 +141,60 @@ ...@@ -133,6 +141,60 @@
onLaunch: function(options) { onLaunch: function(options) {
homeservice.queryListPhone({
s: 'Material.fontFamilyList'
}).then(result => {
result.forEach(item=>{
item.long = false
item.textlong = null
})
result.unshift({
id: 0,
key: "SourceHanSansCN-Normal",
remark: "",
title: "思源黑体",
textlong:true,
long:true
})
this.globalData.typefacedata = result
this.$base.typefacedata = this.globalData.typefacedata
var t1 = new Date().getTime();
var that = this
this.globalData.typefacedata.forEach(textlist => {
uni.loadFontFace({
global:true,
family: textlist.key,
source: 'url(' + textlist.remark + ')',
desc: {
weight: 100
},
success: function(message) {
textlist.textlong = true
},
fail: function(message) {
textlist.textlong = false
},
complete(res) {
textlist.long = true
that.globalData.typefacedata.forEach(item=>{
if(item.long == true){
that.globalData.num++
}
})
that.$base.typefacedata = that.globalData.typefacedata
if(that.globalData.num == that.globalData.typefacedata.length){
that.$base.typefacedata = that.globalData.typefacedata
}
that.globalData.num = 0
}
})
})
}).catch(err => {
});
//console.log('App Launch') //console.log('App Launch')
//this.$base.countFirst = this.$base.countFirst + 1; //this.$base.countFirst = this.$base.countFirst + 1;
//console.log(this.$base.countFirst); //console.log(this.$base.countFirst);
...@@ -212,10 +274,7 @@ ...@@ -212,10 +274,7 @@
logoservice.verifyToken({ logoservice.verifyToken({
s: 'User.verifyToken' s: 'User.verifyToken'
}).then(result => { }).then(result => {
//console.log(result);
/*uni.reLaunch({
url: '/pages/login/select_login?machine_id=' + this.globalData.machine_id +'&language=' + this._i18n.locale
});*/
}).catch(err => { }).catch(err => {
if (promoter_id != "" && promoter_id != "null") { if (promoter_id != "" && promoter_id != "null") {
...@@ -235,6 +294,18 @@ ...@@ -235,6 +294,18 @@
} }
/* homeservice.queryListPhone({
s: 'Material.fontFamilyList'
}).then(result => {
//this.$base.typefacedata = result
}).catch(err => {
}); */
}, },
...@@ -253,6 +324,9 @@ ...@@ -253,6 +324,9 @@
} }
} }
}) })
}, },
onHide: function() { onHide: function() {
......
manifest.json
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
}, },
"h5" : { "h5" : {
"title" : "Customize Phone case", "title" : "Customize Phone case",
"domain" : "http://h5.refinecolor.com/#/?language=en-us&machine_id=100022", "domain" : "http://kxzh5.refinecolor.com/#/?language=en-us&machine_id=100022",
"template" : "estpublish/index.html", "template" : "estpublish/index.html",
"router" : { "router" : {
"mode" : "hash", "mode" : "hash",
......
pages/index/Mapping.vue
...@@ -2,14 +2,45 @@ ...@@ -2,14 +2,45 @@
<view v-if="Signincenterstate" ref="Signincenter" style="position: absolute; z-index: 999; top: 0; " <view v-if="Signincenterstate" ref="Signincenter" style="position: absolute; z-index: 999; top: 0; "
:style="{height: windowHeight +'px',width:isShowPc?$base.isPcWidth + 'px':'100%'}"> :style="{height: windowHeight +'px',width:isShowPc?$base.isPcWidth + 'px':'100%'}">
<!-- :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%',
left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx'}" -->
<!-- 字体 --> <!-- 字体 -->
<view class="uni-share full-width" :style="{height: windowHeight +'px'}" @touchmove.stop="myCatchTouch" <view class="uni-share full-width" :style="{height: windowHeight +'px',width:$tool.isPc()?$base.isPcWidth + 'px':'100%',
v-if="(e_active == 3 || e_active == 4) && text == 'typeface'"> left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx'}" @touchmove.stop="myCatchTouch"
v-if="(e_active == 3 || e_active == 4) && text == 'typeface'" >
<view style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 997; opacity: 0.8;" <view style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 997; opacity: 0.8;"
@click.stop.prevent="cancel('share')"></view> @click.stop.prevent="cancel('share')"></view>
<view <view
style="position: fixed; bottom: 0; left: 0; width: 100%; height: 600upx; z-index: 999;background: #292933;"> style="position: fixed; bottom: 0; left: 0; width: 100%; height: 600upx; z-index: 999;background: #292933;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;" scroll-y
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in typefacedata"
:style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : 'none'}"
@click="typefaceClick(item, index)" :key="index"
style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;">
<text style="font-size: 20upx;">
<text style="font-size: 32upx;"
:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : '#ffffff'}">
色彩公园
</text>
<text v-if="item.remark != ''">
{{item.long == true ? '' : '(点击加载)'}}
</text>
<text v-if="item.remark != ''" style="color: #64DD17;">
{{item.textlong == false ? '(下载失败,点击重新下载)' : ''}}
</text>
</text>
</view>
</scroll-view>
<!-- <scroll-view style="width: calc(100% - 40upx); margin: auto; height:598upx; overflow: hidden;" scroll-y
scroll-with-animation> scroll-with-animation>
<view v-for="(item, index) in typefacedata" <view v-for="(item, index) in typefacedata"
:style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : 'none'}" :style="{'font-family':item.textlong == true ? item.key : item.key + 'ttf','color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : 'none'}"
...@@ -17,11 +48,11 @@ ...@@ -17,11 +48,11 @@
style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;"> style="font-size: 36upx; color: #FFFFFF; padding:22upx 0 21upx; text-align: center;">
<text style="font-size: 20upx;"> <text style="font-size: 20upx;">
<text style="font-size: 32upx;" <text style="font-size: 32upx;"
:style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#F56364 !important' : '#ffffff'}"> :style="{'color': data.itemList[data.cidx].font_dict_id == item.id ? '#64DD17 !important' : '#ffffff'}">
色彩公园 </text> 色彩公园 </text>
</text> </text>
</view> </view>
</scroll-view> </scroll-view> -->
</view> </view>
</view> </view>
...@@ -38,7 +69,7 @@ ...@@ -38,7 +69,7 @@
left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx',}"> left:$tool.isPc()?'calc(50% - '+ (($base.isPcWidth ) / 2 ) +'px)':'0upx',}">
<view style="width: 100%; height: 90upx; display: flex; flex-direction: row;"> <view style="width: 100%; height: 90upx; display: flex; flex-direction: row;">
<view <view
style="width: 160upx; height: 100%; background: #292933; border-top-right-radius: 60upx;display: flex; flex-direction: row; "> style="width: 240upx; height: 100%; background: #292933; border-top-right-radius: 60upx;display: flex; flex-direction: row; ">
<image v-if="bg_text_color" <image v-if="bg_text_color"
style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;" style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;"
src="../../static/img/icon_qiehuan_one.png" mode="aspectFill" @click="bgtextcolor"> src="../../static/img/icon_qiehuan_one.png" mode="aspectFill" @click="bgtextcolor">
...@@ -46,13 +77,42 @@ ...@@ -46,13 +77,42 @@
<image v-else <image v-else
style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;" style="width: 47upx; height: 47upx; display: block;margin-top: 28upx; margin-left:40upx;"
src="../../static/img/icon_qiehuan.png" mode="aspectFill" @click="bgtextcolor"></image> src="../../static/img/icon_qiehuan.png" mode="aspectFill" @click="bgtextcolor"></image>
<view style="width: 80upx; margin-top: 22upx;margin-left: 50upx;" @click="typefaceshow('share')">
<text style="font-size: 34upx; color: #FFFFFF;">字体</text>
</view>
</view> </view>
</view> </view>
<!-- <view v-if="text == 'modify'" style="display: flex;align-items: center; justify-items: center; border-bottom: 1upx solid #000000;height: 99upx;">
<view
style="width: 710upx; height: 57upx; background: rgb(255,255,255,0.1); margin: 20upx 40upx 20upx 20upx; border-radius: 10upx;">
<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
:adjust-position="false" type="text" maxlength="32" @input="textInput"
v-model="data.currentText" @focus="focusTextarea" @blur="blurTextarea"
:placeholder="$i18n.messages[$i18n.locale]['请先输入文字内容']"
style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
</view>
</view>
<! 字体 -->
<!-- <view v-if="text == 'typeface'" style="border-bottom: 1upx solid #000000;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:300upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in textlist"
:style="{'font-family': item.fontname,'color': data.itemList[data.cidx].font_family == item.fontname ? '#F56364' : 'none'}"
@click="typefaceClick(item,index)" :key="index"
style="font-size: 40upx; color: #FFFFFF; margin: 10upx;">
{{item.text}}
<text
style="font-size: 20upx; color: #F56364;">{{item.textlong ? '' : '(该字体加载失败)'}}</text>
</view>
</scroll-view> -->
<!-- </view> -->
<view style="background: #292933;"> <view style="background: #292933;">
<!-- 字体 --> <!-- 字体 -->
<view <view style="display: flex;align-items: center; justify-items: center; border-bottom: 2upx solid #000000;height: 98upx;">
style="display: flex;align-items: center; justify-items: center; border-bottom: 2upx solid #000000;height: 98upx;">
<view <view
style="width: calc(100% - 160upx); height: 57upx; background: rgb(255,255,255,0.1); margin: 21upx 41upx 21upx 21upx; border-radius: 10upx;"> style="width: calc(100% - 160upx); height: 57upx; background: rgb(255,255,255,0.1); margin: 21upx 41upx 21upx 21upx; border-radius: 10upx;">
<input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73" <input :fixed="true" :auto-height="true" :show-confirm-bar="false" :cursor-spacing="73"
...@@ -61,11 +121,29 @@ ...@@ -61,11 +121,29 @@
:placeholder="$i18n.messages[$i18n.locale]['请先输入文字内容']" :placeholder="$i18n.messages[$i18n.locale]['请先输入文字内容']"
style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" /> style="font-size: 34upx; font-weight: 400; height: 57upx; line-height: 57upx; padding: 0upx 0 0upx 20upx; color: #FFFFFF;" />
</view> </view>
<!-- 字体 -->
<!-- <view v-if="text == 'typeface'" style="border-bottom: 1upx solid #000000;">
<scroll-view style="width: calc(100% - 40upx); margin: auto; height:300upx; overflow: hidden;"
scroll-y scroll-with-animation>
<view v-for="(item, index) in textlist"
:style="{'font-family': item.fontname,'color': data.itemList[data.cidx].font_family == item.fontname ? '#64DC17' : 'none'}"
@click="typefaceClick(item,index)" :key="index"
style="font-size: 40upx; color: #FFFFFF; margin: 10upx;">
{{item.text}}
<text style="font-size: 20upx; color: #64DC17;">{{item.textlong ? '' : '(该字体加载失败)'}}</text>
</view>
</scroll-view>
</view> -->
<view style="width: 1px; height: 28upx; background: #FFFFFF;"></view> <view style="width: 1px; height: 28upx; background: #FFFFFF;"></view>
<image style="width: 43upx; height: 30upx; display: block;margin: auto;" <image style="width: 43upx; height: 30upx; display: block;margin: auto;"
src="../../static/icon/icon_determine.png" mode="aspectFill" src="../../static/icon/icon_determine.png" mode="aspectFill"
@click.stop.prevent="cancel('share')"></image> @click.stop.prevent="cancel('share')"></image>
</view> </view>
<view style="display: flex; height: 100upx; padding: 28upx 0 21upx; align-items: center;"> <view style="display: flex; height: 100upx; padding: 28upx 0 21upx; align-items: center;">
<!-- 颜色 开始--> <!-- 颜色 开始-->
<scroll-view style="box-sizing: border-box; white-space: nowrap; <scroll-view style="box-sizing: border-box; white-space: nowrap;
...@@ -75,11 +153,11 @@ ...@@ -75,11 +153,11 @@
v-for="(item,index) in colorList" :key="index" @click.stop="workcolor(item.color)"> v-for="(item,index) in colorList" :key="index" @click.stop="workcolor(item.color)">
<view v-if="data.itemList[data.cidx]"> <view v-if="data.itemList[data.cidx]">
<view v-if="data.itemList[data.cidx].font_color == item.color && !bg_text_color" <view v-if="data.itemList[data.cidx].font_color == item.color && !bg_text_color"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;" style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #64DD17; border-radius: 50%;"
:style="{background:item.color}"></view> :style="{background:item.color}"></view>
<view <view
v-else-if="data.itemList[data.cidx].under_color == item.color && bg_text_color" v-else-if="data.itemList[data.cidx].under_color == item.color && bg_text_color"
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #854AC2; border-radius: 50%;" style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #64DD17; border-radius: 50%;"
:style="{background:item.color}"></view> :style="{background:item.color}"></view>
<view v-else <view v-else
style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #FFFFFF; border-radius: 50%;" style="width: 60upx; height: 60upx; background: #000000; border: 4upx solid #FFFFFF; border-radius: 50%;"
...@@ -1028,6 +1106,18 @@ ...@@ -1028,6 +1106,18 @@
this.getExcellentMaterial(item.queryPage) this.getExcellentMaterial(item.queryPage)
} }
this.Signincenterstate = true this.Signincenterstate = true
if (this.$base.typefacedata.length > 0) {
this.typefacedata = this.$base.typefacedata
console.log(this.$base.typefacedata)
}
/* if (this.text == 'typeface') {
this.typeface('typeface')
this.inputBottom = 'none'
} */
}, },
getExcellentMaterialMore(e) { getExcellentMaterialMore(e) {
...@@ -1235,6 +1325,11 @@ ...@@ -1235,6 +1325,11 @@
typeface(e) { typeface(e) {
this.text = e this.text = e
this.inputBottom = 0 this.inputBottom = 0
//console.log(this.$base.typefacedata)
if (this.$base.typefacedata.length > 0) {
this.typefacedata = this.$base.typefacedata
}
//console.log(this.e_active)
}, },
typefaceClick(e, index) { typefaceClick(e, index) {
if ((index + 1) == this.typefacedata.length) { if ((index + 1) == this.typefacedata.length) {
......
pages/index/assembly/scrollModeView.vue 0 → 100644
<template>
<view class="content"
:style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%',left:$tool.isPc()?'calc(50% - '+ ($base.isPcWidth / 2 ) +'px)':'0upx'}"
style="width: 100%; height: 100%; position: relative;overflow: hidden; ">
<view style="margin-top: 140upx;">
<scroll-view scroll-y style="width:100%; margin: auto; height:850upx; overflow: hidden;"
>
<view style="float: left; width: calc(100% / 3); margin: 10upx 0 10upx; "
v-for="(item, index) in datalist" :key="index" @click="modeDetail(item)">
<view style="width: 139upx; height: 255upx; margin: auto; position: relative;">
<view style="display: flex;flex-direction: column;">
<image
style="width: 139upx; height: 200upx; margin: auto; border-radius: 14px; overflow: hidden;"
:src="item.goods_pic + '?x-oss-process=image/resize,lfit,w_112'"
mode="aspectFit"></image>
<view style=" margin-top: 5upx; text-align: center; font-size: 22upx; color: #FFFFFF;">{{item.name}}</view>
</view>
</view>
</view>
<view class="align-center"
style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0">
<span class="iconfont icon-wushuju"
style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
import homeservice from '@/service/homeservice.js';
import refresh from '@/components/xing-refresh/xing-refresh.vue';
export default {
props: {
windowHeight: {
type: Number,
default: 563
}
},
components: {
refresh
},
data() {
return {
queryCollectionPage: {
},
Material_categorydatalist: [], //作品、贴图列表
datalist: [], //作品、贴图列表
Material_category: [], //贴图分类
currentId: -1,
/* 控制被选中 */
currentIndex: null,
/* 控制位置 */
tip: '',
showState: false,
type: 0, //默认 0
item: null,
scrollViewTop: 0, //滚动距离
oldScrollViewTop: 0, //旧数据到顶部位置
e: 0, //弹窗类型
backColorVal:"",
catrgoryList:[], //品牌数据
machine_id:"" ,//设备Id
brandsitem:{},
goods_id_e:{},
modeltext: "",
goods_id: "",
dict_id: ""
};
},
mounted() {
},
/**
* 组件的公有方法列表
*/
methods: {
scroll(e) {
if (e.detail.scrollTop > 1) {
this.oldScrollViewTop = e.detail.scrollTop - 0.01
}
},
modeDetail(item) {
//item.isWork = this.isWork;
//this.$emit('Worksdetail', item)
this.brandsitem = item
homeservice.queryListPhone({
s: 'Product.machineDetail', //新接口
machine_id: this.machine_id,
id: this.brandsitem.id //商品id
}).then(result => {
this.modeltext = this.brandsitem.name //机型名
this.goods_id = this.brandsitem.id //产品id
this.dict_id = result.dict_id //产品属性id
this.goods_id_e = {
brandtext: this.brandsitem.name, // 品牌名
modeltext: this.brandsitem.name, // 机型商品名
goods_id: this.brandsitem.id, // 产品id
dict_id: result.dict_id, // 产品属性
}
this.$emit('goodsbrands', {
goods_id_e: this.goods_id_e,
})
//this.$refs['shellShow'].close() //关闭手机壳子弹框
}).catch(err => {
// uni.showToast({
// title: err.msg,
// icon: 'none'
// });
});
},
open(item) {
this.machine_id = item.machine_id
console.log(item)
homeservice.queryListPhone({
s: 'Product.getBrandProducts', //新接口
goods_brand_id: item.id, //品牌id
machine_id: item.machine_id,
key: "3"
}).then(result => {
this.datalist = result // 品牌机型
console.log(this.datalist)
}).catch(err => {
uni.showToast({
title: err.msg,
icon: 'none'
});
});
},
}
}
</script>
<style lang="scss">
</style>
pages/index/assembly/switchBrands.vue
...@@ -125,141 +125,6 @@ ...@@ -125,141 +125,6 @@
</view> </view>
</view> </view>
<!-- 壳子 -->
<view v-if="shellShow" class="full-width" style="position: fixed; bottom: 0; left: 0; height: 100%; z-index: 9997;
background: linear-gradient(0deg, #1B294F, #4E2761, #E73231); opacity: 0.8;" @click="shellModel()"
@touchmove.stop="myCatchTouch"></view>
<view v-if="shellShow" style="position: fixed; z-index: 9998; width: 100%;bottom: 0; margin: auto;"
:style="{height: MobilePhoneHeight +'px'}">
<view style="width: 750upx; margin:auto; display: flex; flex-direction: column;">
<view :style="{height: MobilePhoneHeight +'px'}"
style="width:100%; background: #FFFFFF; border-radius: 30upx 30upx 0 0; position: relative;">
<view @click="shellModel()" style="position: absolute; top: 0upx; right: 0upx;">
<image src="../../../static/icon_guanbi.png" mode=""
style="height: 23upx; width: 23upx; padding: 21upx 33upx;"></image>
</view>
<view v-if="choose_surfaceState && selfContainedShell"
style="display: flex; justify-content: center;height: 80upx;border-radius:0 0 40upx 40upx;">
<view style="border-radius:0 0 0 40upx;" @click="customDhell" v-if="choose_surfaceState"
:class="['classification', { active: category == 0 }]">
{{$i18n.messages[$i18n.locale]['定制壳']}}
</view>
<view :class="['classification', { active: category == 1 }]" @click="selfContainedShell"
v-if="self_surfaceState">
{{$i18n.messages[$i18n.locale]['自带壳']}}
</view>
</view>
<view v-else style="display: flex; justify-content: center;height: 80upx;">
<view style="border-radius:0;" @click="customDhell" v-if="choose_surfaceState"
:class="['classification', { active: category == 0 }]">
{{$i18n.messages[$i18n.locale]['定制壳']}}
</view>
<view style="border-radius:0;" :class="['classification', { active: category == 1 }]"
@click="selfContainedShell" v-if="self_surfaceState">
{{$i18n.messages[$i18n.locale]['自带壳']}}
</view>
</view>
<!-- 定制壳 -->
<view v-show="category == 0">
<view v-if="brands.length > 1"
style="display: flex; align-items: center; width: calc(100% - 40upx); margin:31upx auto 0;">
<image src="../../../static/icon_more_left.png" mode="" style="width: 64upx; height: 64upx;"
@click="leftTo()"></image>
<scroll-view class="scroll-container" :scroll-left="scrollLeft" @scroll="scrollLeftTo"
scroll-x scroll-with-animation :scroll-into-view="'s' + currentIndex">
<view :class="['scroll-item', { active: index == currentId }]" :id="'s' + index"
v-for="(item, index) in brands" :key="index" @tap="handleScroll(item, index)">
<image :src="item.preview + '?x-oss-process=image/resize,lfit,w_300'"
mode="aspectFit" style="width: 80upx; height: 160upx; margin:28upx auto 0;">
</image>
</view>
</scroll-view>
<image src="../../../static/icon_more_right.png" mode=""
style="width: 64upx; height: 64upx;" @click="rightTo()"></image>
</view>
<view v-if="brandsitem"
:style="{height: MobilePhoneHeight - (80 + 248 + 31 + 100)*pixelRate +'px'}"
style="display: flex; align-items: center; justify-content: center;">
<view>
<!-- 图片 -->
<image @click="ordersize(brandsitem.id)" v-if="brands.length > 1"
:src="brandsitem.preview + '?x-oss-process=image/resize,lfit,w_750'" mode="widthFix"
style="width: 260upx; min-height: 260upx; margin:auto ; display: block;"></image>
<image @click="ordersize(brandsitem.id)" v-if="brands.length == 1"
:src="brandsitem.preview + '?x-oss-process=image/resize,lfit,w_750'" mode="widthFix"
style="width: 310upx; min-height: 310upx; margin:auto; display: block;"></image>
<view
style="font-size: 30upx; font-weight: 500;line-height: 22upx; text-align: center; margin-top: 10upx;">
{{ goods_id_e.modeltext || ''}}
</view>
<view @click="ordersize(brandsitem.id)"
style="font-size: 24upx; font-weight: 500; color: #864BC3; text-align: center; line-height: 50upx;">
{{$i18n.messages[$i18n.locale]['材质详情']}}>
</view>
</view>
</view>
<view class="determineBut" @click="determine(2)">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
<!-- 自带壳 -->
<view v-show="category == 1">
<scroll-view scroll-y scroll-with-animation
:style="{height: MobilePhoneHeight - 430*pixelRate +'px'}" style="box-sizing: border-box;white-space: nowrap;
width: 540upx; margin:50upx auto 0; overflow: hidden; padding: 10upx 0;">
<view v-for="(item,index) in backgroundColorData" :key="index"
@click="backgroundColor(item)" style="float: left; margin:0 4upx 8upx;
border-radius: 10upx;
border: 2upx solid #FFFFFF;
height: 96upx; width: 96upx;" :style="{background: item.color_code}"
:class="[surface_color_id_text == item.color_code ? 'backgroundColoractive':'' ]">
<span class="tooltiptext"
:class="[surface_color_id_text == item.color_code ? 'tooltiptextactive':'' ]">
{{item.alias_name}}
</span>
</view>
</scroll-view>
<view
style="font-size: 30upx; font-weight: 500; color: #F60C0C;line-height: 50upx; text-align: center;">
{{$i18n.messages[$i18n.locale]['请选择自带壳颜色']}}
</view>
<view style="font-size: 30upx; font-weight: 500;line-height: 50upx; text-align: center;">
{{ goods_id_e.modeltext || ''}}
</view>
<view class="determineBut" @click="well()">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
</view>
</view>
</view>
<!-- 请选择颜色 -->
<view v-if="colorcenter" class="full-width" style="position: fixed; bottom: 0; left: 0; height: 100%; z-index: 9998;
background: linear-gradient(0deg, #1B294F, #4E2761, #E73231); opacity: 0.8;" @click="colorCose()"
@touchmove.stop="myCatchTouch"></view>
<view v-if="colorcenter"
style="position: fixed; z-index: 9999; width: 100%; height: 1000upx; top: 0; bottom: 0; margin: auto;">
<view style="width:690upx; margin:auto; display: flex; flex-direction: column; ">
<view
style="width:100%; min-height: 1000upx; background: #dcdcdc; border-radius: 30upx; position: relative;">
<view @click="colorCose()" style="position: absolute; top: 0upx; right: 0upx;">
<image src="../../../static/icon_guanbi.png" mode="aspectFill"
style="height: 23upx; width: 23upx; padding: 21upx 33upx;"></image>
</view>
<view style="margin:122upx auto 94upx;font-size: 36upx;text-align: center;">
{{$i18n.messages[$i18n.locale]['请在扇区点选您自带的手机壳颜色']}}
</view>
<view style="width: 690upx; height: 500upx;" v-if="chartData.series.length > 0 && chartDataState">
<canvas canvas-id="canvasPie" id="canvasPie" style="width: 690upx; height: 500upx;"
@touchstart="touchStart"></canvas>
</view>
<view v-else style="line-height: 500upx; text-align: center;">
{{$i18n.messages[$i18n.locale]['暂无数据']}}
</view>
<view class="determineButtn" @click="well()">{{$i18n.messages[$i18n.locale]['下单']}}</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
......
pages/index/head/head.vue
<template> <template>
<view :style="{ height: height + 'px', background:background, width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}" <view :style="{ height: height + 'px', background:background, width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"
style="position: fixed; z-index: 999;"> style="position: fixed; z-index: 998;">
<view class="head" <view class="head"
:style="{ height: height + 'px', background:background,width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"> :style="{ height: height + 'px', background:background,width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
<view class="back" @click="back" v-if="backShow" :style="{ top: top + 'px', color:color }"> <view class="back" @click="back" v-if="backShow" :style="{ top: top + 'px', color:color }">
......
pages/mall/lineUp.vue
<template> <template>
<view class="colletion full-width" :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}" <view class="colletion full-width" :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"
style="margin: auto; "> style="margin: auto;">
<myhead :worksid="60" :title="myheadtext" :color="'#000'" :titleShow="true" :backShow="true" :background="'#fff'" @headback="headback"></myhead> <myhead :worksid="60" :title="myheadtext" :color="'#000'" :titleShow="true" :backShow="true" :background="'#fff'" @headback="headback"></myhead>
<view class="uni-tab-bar full-width full-height " :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"> <view class="uni-tab-bar full-width full-height " :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
<view style="top: 120upx; position: fixed; height: calc(100% - 60px); overflow: auto" scroll-y <view style="top: 120upx; position: fixed; height: calc(100% - 60px); overflow: auto" scroll-y
:style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}"> :style="{width:$tool.isPc()?$base.isPcWidth + 'px':'100%'}">
...@@ -21,7 +19,6 @@ ...@@ -21,7 +19,6 @@
style="background: #fff !important;margin: 25upx 25upx; border-radius: 20upx; width: calc(100% - 40upx) ;" style="background: #fff !important;margin: 25upx 25upx; border-radius: 20upx; width: calc(100% - 40upx) ;"
@click="self_help_payment(designer)"> @click="self_help_payment(designer)">
<view style="color: #fff; display: flex; align-items: center; "> <view style="color: #fff; display: flex; align-items: center; ">
<view v-if="designer.user_id != userId && privacy == 0 " class="border-image-pesudo-no"> <view v-if="designer.user_id != userId && privacy == 0 " class="border-image-pesudo-no">
<view class="border-image-pesudo-in-no"> <view class="border-image-pesudo-in-no">
<image <image
...@@ -31,7 +28,6 @@ ...@@ -31,7 +28,6 @@
</image> </image>
</view> </view>
</view> </view>
<view v-if="designer.user_id != userId && privacy == 1 " class="border-image-pesudo-no"> <view v-if="designer.user_id != userId && privacy == 1 " class="border-image-pesudo-no">
<view class="border-image-pesudo-in-no"> <view class="border-image-pesudo-in-no">
<image <image
...@@ -40,7 +36,6 @@ ...@@ -40,7 +36,6 @@
</image> </image>
</view> </view>
</view> </view>
<view v-if="designer.user_id == userId" class="border-image-pesudo"> <view v-if="designer.user_id == userId" class="border-image-pesudo">
<view class="border-image-pesudo-in"> <view class="border-image-pesudo-in">
<image <image
...@@ -50,18 +45,17 @@ ...@@ -50,18 +45,17 @@
</image> </image>
</view> </view>
</view> </view>
<view style="width: calc(100% - 360upx);"> <view style="width: calc(100% - 360upx);">
<view style="width: 100%;font-size: 28upx; "> <view style="width: 100%;font-size: 28upx; ">
<view v-if="designer.status.value == 1"> <view v-if="designer.status.value == 1">
<view <view
style="text-align: left; font-size: 28upx; color: #8148BB; line-height: 60upx;"> style="text-align: left; font-size: 28upx; color: #61D119; line-height: 60upx;">
{{$i18n.messages[$i18n.locale]['打印中']}} {{$i18n.messages[$i18n.locale]['打印中']}}
</view> </view>
</view> </view>
<view v-else style=" height: 60upx;background: transparent;border-radius: 30upx;"> <view v-else style=" height: 60upx;background: transparent;border-radius: 30upx;">
<view <view
style="text-align: left; font-size: 28upx; color: #8148BB; line-height: 60upx;"> style="text-align: left; font-size: 28upx; color: #FF8D1A; line-height: 60upx;">
{{$i18n.messages[$i18n.locale]['排队中']}} {{$i18n.messages[$i18n.locale]['排队中']}}
</view> </view>
</view> </view>
...@@ -92,9 +86,9 @@ ...@@ -92,9 +86,9 @@
<view style="display: flex; align-items: center; justify-content: center; <view style="display: flex; align-items: center; justify-content: center;
width: 362upx; height: 360upx; position: relative; margin: auto;"> width: 362upx; height: 360upx; position: relative; margin: auto;">
<image :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_150'" <image :src="designer.works_image + '?x-oss-process=image/resize,lfit,w_150'"
mode="aspectFit" style="width:150upx; "></image> mode="aspectFit" style="width:150upx;"></image>
<image :src="designer.back_image + '?x-oss-process=image/resize,lfit,w_150'" <image :src="designer.back_image + '?x-oss-process=image/resize,lfit,w_150'"
mode="aspectFit" style=" width: 150upx; margin-left: -150upx; "></image> mode="aspectFit" style=" width: 150upx; margin-left: -150upx;"></image>
</view> </view>
<view style="font-size: 25upx; <view style="font-size: 25upx;
...@@ -104,46 +98,31 @@ ...@@ -104,46 +98,31 @@
height: 20upx; height: 20upx;
text-align: center; text-align: center;
line-height:20upx;"> line-height:20upx;">
{{designer.goods_name || ''}} {{designer.goods_name || '' }}
</view> </view>
<view v-if="designer.status.value == 1" style="text-align: center; <view v-if="designer.status.value == 1" style="text-align: center;
font-size: 36upx; font-size: 36upx;
width: 100%; width: 100%;
height: 60upx; height: 60upx;
line-height:60upx; line-height:60upx;
background: #984ACE; background: #61D119;
color: #fff; color: #fff;
margin: auto; margin: auto;
margin-top: 20px;"> margin-top: 20px;">
{{$i18n.messages[$i18n.locale]['打印中']}} {{$i18n.messages[$i18n.locale]['打印中']}}
</view> </view>
<view v-else style="text-align: center; font-size: 36upx; <view v-else style="text-align: center; font-size: 36upx;
width:100%; height: 60upx; width:100%; height: 60upx;
line-height:60upx; line-height:60upx;
background: #fff; color: #984ACE; background: #fff; color: #61D119;
margin: auto; margin: auto;
margin-top: 15px;"> margin-top: 15px;">
{{$i18n.messages[$i18n.locale]['排队中']}} {{$i18n.messages[$i18n.locale]['排队中']}}
</view> </view>
<view
v-if="designer.pay_type == 1"
@click="toOrderDetail(designer.order_id)" style="text-align: center; font-size: 36upx;
width: 100%; height: 70upx;
line-height:70upx;
border-radius: 40upx;
background: #fff; color: #984ACE;
margin: auto;
margin-top: 5px;">
{{$i18n.messages[$i18n.locale]['订单明细']}}
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 提示完 -->
</view> </view>
</view> </view>
</template> </template>
......
pages/phone/components/bgColor.vue
...@@ -19,13 +19,13 @@ ...@@ -19,13 +19,13 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" <view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0"> v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span> <span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view> <view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view> </view>
</view> </view>
</template> </template>
<template slot="bottom"> <template slot="bottom">
<view> <view>
没有更多数据了 no more data
</view> </view>
</template> </template>
</refresh> </refresh>
......
pages/phone/components/scrollView.vue
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" <view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0"> v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span> <span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view> <view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view> </view>
</view> </view>
</template> </template>
......
pages/phone/components/shapeScrollView.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" <view class="align-center" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"
v-if="datalist.length == 0"> v-if="datalist.length == 0">
<span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span> <span class="iconfont icon-wushuju" style="font-size: 100upx; text-align: center; color: #B2B2B2;"></span>
<view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">啊嘞，还是一片荒漠</view> <view style="color: #B2B2B2; text-align: center; line-height: 50upx;font-size: 24upx;">no data</view>
</view> </view>
</view> </view>
</template> </template>
......
service/homeservice.js
...@@ -30,10 +30,6 @@ const service = { ...@@ -30,10 +30,6 @@ const service = {
setStock: (stock = []) => _dispatch('setStock', stock), //diy操作步骤图 setStock: (stock = []) => _dispatch('setStock', stock), //diy操作步骤图
getStock: () => _getters('stock', []), getStock: () => _getters('stock', []),
// T恤
queryList: (user = {}) => _queryList({api: T_route, params: user, callBack: (data = {}) => {}}),
WorksList: (user = {}) => _queryList({api: T_route, params: user, callBack: (data = {}) => {}}),
Workssave: (user = {}) => _queryList({api: T_route_timeout, params: user, callBack: (data = {}) => {}}),
// 手机壳 // 手机壳
queryListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}), queryListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}),
WorksListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}), WorksListPhone: (user = {}) => _queryList({api: P_route, params: user, callBack: (data = {}) => {}}),
......
static/icon/icon_refresh.png
static/icon/icon_refresh.png

918 Bytes | W: | H:

static/icon/icon_refresh.png

1.07 KB | W: | H:

static/icon/icon_refresh.png
static/icon/icon_refresh.png
static/icon/icon_refresh.png
static/icon/icon_refresh.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png

1.65 KB | W: | H:

static/icon/icon_refresh_red.png

5.37 KB | W: | H:

static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
static/icon/icon_refresh_red.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_stickers.png
static/icon/icon_stickers.png

1.78 KB | W: | H:

static/icon/icon_stickers.png

1.36 KB | W: | H:

static/icon/icon_stickers.png
static/icon/icon_stickers.png
static/icon/icon_stickers.png
static/icon/icon_stickers.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_typeface.png
static/icon/icon_typeface.png

685 Bytes | W: | H:

static/icon/icon_typeface.png

482 Bytes | W: | H:

static/icon/icon_typeface.png
static/icon/icon_typeface.png
static/icon/icon_typeface.png
static/icon/icon_typeface.png
  • 2-up
  • Swipe
  • Onion skin
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png

1.14 KB | W: | H:

static/icon/icon_zuopin.png

1.7 KB | W: | H:

static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
static/icon/icon_zuopin.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_confirm.png
static/icon_confirm.png

2.19 KB | W: | H:

static/icon_confirm.png

1.26 KB | W: | H:

static/icon_confirm.png
static/icon_confirm.png
static/icon_confirm.png
static/icon_confirm.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_default_no.png
static/icon_default_no.png

39.4 KB | W: | H:

static/icon_default_no.png

20.6 KB | W: | H:

static/icon_default_no.png
static/icon_default_no.png
static/icon_default_no.png
static/icon_default_no.png
  • 2-up
  • Swipe
  • Onion skin
static/icon_diy.png
static/icon_diy.png

50.5 KB | W: | H:

static/icon_diy.png

20.6 KB | W: | H:

static/icon_diy.png
static/icon_diy.png
static/icon_diy.png
static/icon_diy.png
  • 2-up
  • Swipe
  • Onion skin
static/img/icon_change_language.png
static/img/icon_change_language.png

2.71 KB | W: | H:

static/img/icon_change_language.png

942 Bytes | W: | H:

static/img/icon_change_language.png
static/img/icon_change_language.png
static/img/icon_change_language.png
static/img/icon_change_language.png
  • 2-up
  • Swipe
  • Onion skin
static/qiehuan.png
static/qiehuan.png

8.43 KB | W: | H:

static/qiehuan.png

7.38 KB | W: | H:

static/qiehuan.png
static/qiehuan.png
static/qiehuan.png
static/qiehuan.png
  • 2-up
  • Swipe
  • Onion skin
util/Env.js
// 开发版 // 开发版
//const baseURL = "http://h5.refinecolor.com/api/" const baseURL = "http://kxzh5.refinecolor.com/api/"
//www.tprint.com
//develop: "https://kxz.refinecolor.com",
//develop: "https://print.kexiaozhan.cn",
//体验版
//trial: "https://kxz.refinecolor.com",
//正式版 //正式版
const baseURL = "https://h5.colorpark.cn/api/" //const baseURL = "https://h5.colorpark.cn/api/"
//正式服： //正式服：
//https://tprint.colorpark.cn/ 改成 https://h5.colorpark.cn/api/ //https://tprint.colorpark.cn/ 改成 https://h5.colorpark.cn/api/
......
util/script.js
...@@ -10,9 +10,9 @@ import CryptoJS from 'crypto-js'; ...@@ -10,9 +10,9 @@ import CryptoJS from 'crypto-js';
// callback：结果的回调 // callback：结果的回调
// type 1: 人物动漫化 2:人物素描化 // type 1: 人物动漫化 2:人物素描化
function callRecognizeBankCard(imageURL,miniProgramType,type,callback) { function callRecognizeBankCard(imageURL,miniProgramType,type,callback) {
const accessKeyId = "LTAI5tDPiEBZgfqNcWBqaFEc"; const accessKeyId = "LTAI5tQWJ47GrfDaiUw3f5yP";
//AccessKeySecret //AccessKeySecret
const accessKeySecret = "amI84BLFbHz6dhOVbuArrERmeemmnx"; const accessKeySecret = "bMFIqdYnDw3IBZgKw37Zr5IbDqZN8k";
//这里endpoint为API访问域名，与类目相关，具体类目的API访问域名请参考：https://help.aliyun.com/document_detail/143103.html //这里endpoint为API访问域名，与类目相关，具体类目的API访问域名请参考：https://help.aliyun.com/document_detail/143103.html
let endpoint = "facebody.cn-shanghai.aliyuncs.com"; let endpoint = "facebody.cn-shanghai.aliyuncs.com";
//API Action，能力名称，请参考具体算法文档详情页中的Action参数，这里以银行卡识别为例：https://help.aliyun.com/document_detail/151893.html //API Action，能力名称，请参考具体算法文档详情页中的Action参数，这里以银行卡识别为例：https://help.aliyun.com/document_detail/151893.html
......
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