Skip to content

X
xinrenli-app
Commit ebb2e627 by zhangmengjie
Options

Merge branch 'feature_plb'

parents 7fd4ad15 56059dc6
Showing with 934 additions and 183 deletions
.gitignore
node_modules/
dist/**
.project
unpackage/
.DS_Store
wxcomponents/**/*.vue
wxcomponents/**/*.css
.hbuilderx/
App.vue
...@@ -71,3 +71,7 @@ export default { ...@@ -71,3 +71,7 @@ export default {
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */ /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import '@/uni_modules/uview-ui/index.scss'; @import '@/uni_modules/uview-ui/index.scss';
</style> </style>
<style>
/*每个页面公共css */
@import '@/utils/both.css';
</style>
components/tabbar/tabbar.vue
<template> <template>
<view class=""> <view class="">
<view class="tabBar" :style="platform == 'android'?'height: 102rpx;' : 'height: 132rpx;'"> <view class="tabBar" :style="platform == 'android' ? 'height: 102rpx;' : 'height: 132rpx;'">
<image class="tabBar-imag" src="@/static/tabbar/db.png" mode=""></image> <image class="tabBar-imag" src="@/static/tabbar/db.png" mode=""></image>
<view class="tabBar-cont"> <view class="tabBar-cont">
<view v-for="(item, index) in tabBarList" :key="index" class="tabBar-cont-item" <view v-for="(item, index) in tabBarList" :key="index" class="tabBar-cont-item" @click="tabBarChange(item)">
@click="tabBarChange(item)">
<template> <template>
<image v-if="item.type == 'type'" :src="item.icon"></image> <image v-if="item.type == 'type'" :src="item.icon"></image>
<image v-else :src="item.selectIcon" mode="aspectFill"></image> <image v-else :src="item.selectIcon" mode="aspectFill"></image>
<view v-if="item.type != 'type'" <view v-if="item.type != 'type'" :class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
:class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
{{ item.name }}
</view>
<view v-else
:class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
{{ item.name }} {{ item.name }}
</view> </view>
<view v-else :class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">{{ item.name }}</view>
</template> </template>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
list: { list: {
type: Array, type: Array
} }
}, },
data() { data() {
return {
return { tabBarList: this.list
tabBarList: this.list ? this.list : [{ ? this.list
name: "首页", // name : [
icon: "/static/tabbar/tb1.png", // 图标 {
selectIcon: "/static/tabbar/td1.png", // 选中图标 name: '首页', // name
url: "/pages/home/index", // 页面路径 icon: '/static/tabbar/tb1.png', // 图标
type: 'home' selectIcon: '/static/tabbar/td1.png', // 选中图标
}, { url: '/pages/home/index', // 页面路径
name: "我的需求", // name type: 'home'
icon: "/static/tabbar/tb2.png", // 图标 },
selectIcon: "/static/tabbar/td2.png", // 选中图标 {
url: "/pages/demand/index", // 页面路径 name: '我的需求', // name
type: 'type' icon: '/static/tabbar/tb2.png', // 图标
}, { selectIcon: '/static/tabbar/td2.png', // 选中图标
name: "发布", // name url: '/pages/demand/index', // 页面路径
icon: "/static/tabbar/fb.png", // 图标 type: 'type'
selectIcon: "/static/tabbar/fb.png", // 选中图标 },
url: "/pages/release/index", // 页面路径 {
type: 'type' name: '发布', // name
}, { icon: '/static/tabbar/fb.png', // 图标
name: "动态", selectIcon: '/static/tabbar/fb.png', // 选中图标
icon: "/static/tabbar/tb3.png", // 图标 url: '/pages/release/index', // 页面路径
selectIcon: "/static/tabbar/td3.png", // 选中图标 type: 'type'
url: "/pages/order/index", },
type: 'type' {
}, { name: '动态',
name: "我的", icon: '/static/tabbar/tb3.png', // 图标
icon: "/static/tabbar/tb4.png", // 图标 selectIcon: '/static/tabbar/td3.png', // 选中图标
selectIcon: "/static/tabbar/td4.png", // 选中图标 url: '/pages/order/index',
url: "/pages/my/index", type: 'type'
type: 'type' },
}], {
}; name: '我的',
}, icon: '/static/tabbar/tb4.png', // 图标
selectIcon: '/static/tabbar/td4.png', // 选中图标
url: '/pages/my/index',
type: 'type'
}
]
};
},
created() {}, created() {},
onLoad() {}, onLoad() {},
methods: { methods: {
tabBarChange(path) { tabBarChange(path) {
this.$emit('tabBarChange', path.url,path.type); if (path.url) {
this.$uniGo.reLaunch({
url: path.url
});
} }
this.$emit('tabBarChange', path.url, path.type);
} }
}; }
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.tabBar { .tabBar {
width: 100%;
height: 102rpx;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
background-color: #ffffff;
&-imag {
width: 100%; width: 100%;
height: 102rpx; height: 102rpx;
position: fixed; }
left: 0;
bottom: 0;
z-index: 9999;
background-color: #ffffff;
&-imag { &-cont {
width: 100%; width: 100%;
height: 102rpx; height: 120rpx;
} display: flex;
align-items: center;
justify-content: space-between;
background-color: transparent;
position: absolute;
top: 0;
&-cont { &-item {
width: 100%; width: 33.3%;
height: 120rpx;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between;
background-color: transparent;
position: absolute;
top: 0;
&-item {
width: 33.3%;
display: flex;
flex-direction: column;
align-items: center;
image { image {
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
} }
&-title { &-title {
font-size: 20rpx; font-size: 20rpx;
font-weight: bold; font-weight: bold;
color: #6c6c6e; color: #6c6c6e;
} }
&-titleAct { &-titleAct {
color: #005ebd; color: #005ebd;
}
} }
}
&-item:nth-child(3) { &-item:nth-child(3) {
position: relative; position: relative;
top: -30rpx; top: -30rpx;
border-radius: 60%; border-radius: 60%;
width: 200rpx; width: 200rpx;
image { image {
width: 104rpx; width: 104rpx;
height: 104rpx; height: 104rpx;
padding-bottom: 20rpx; padding-bottom: 20rpx;
padding-top: 0rpx; padding-top: 0rpx;
}
} }
} }
} }
}
</style> </style>
manifest.json
...@@ -50,14 +50,17 @@ ...@@ -50,14 +50,17 @@
"quickapp" : {}, "quickapp" : {},
/* 小程序特有相关 */ /* 小程序特有相关 */
"mp-weixin" : { "mp-weixin" : {
"appid" : "", "appid" : "wxb323afcbe152514f",
"setting" : { "setting" : {
"urlCheck" : false "urlCheck" : false,
"es6" : true,
"postcss" : true,
"minified" : true
}, },
"usingComponents" : true, "usingComponents" : true,
"optimization" : { "optimization" : {
"subPackages" : true //是否启动分包优化 "subPackages" : true //是否启动分包优化
} }
}, },
"mp-alipay" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true
......
my/index/index.vue → my/agreeOn/index.vue
<template> <template>
<view class="content"> <view class="index"></view>
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template> </template>
<script> <script>
import apiBaseConfig from '@/config/index.js'; import apiBaseConfig from '@/config/index.js';
export default { export default {
data() { data() {
return { return {
imgBgUrl: apiBaseConfig.imgBgUrl, imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData, globalData: getApp().globalData,
scrollTopHeader: 0 scrollTopHeader: 0,
}; };
}, },
onLoad() { onLoad() {},
methods: {}
}, };
methods: {
}
}
</script> </script>
<style> <style lang="scss" scoped>
</style> .index {
}
</style>
\ No newline at end of file
my/coupon/index.vue 0 → 100644
<template>
<view class="index">
<com-navbar :title="title" :titleStyle="{ color: '#000000', fontSize: '32rpx' }" />
<view class="index-content">
<view class="index-content-item">
<view class="index-content-item-nav baiyin-flex baiyin-flex-c-b">
<text></text>
<view>可用优惠券(2)</view>
</view>
<view class="index-content-item-qu">
<image class="index-content-item-qu-bg" src="@/static/icon/xy01.png" mode=""></image>
<view class="index-content-item-qu-bl">
<text class="index-content-item-qu-bl-tl">满减优惠券</text>
<view class="index-content-item-qu-bl-lk">
<view class="index-content-item-qu-bl-lk-t">
<text>￥</text>
<text>200</text>
优惠券
</view>
<view class="index-content-item-qu-bl-lk-b">有效期：2022.3.1-2022.12.31</view>
</view>
<template v-if="optionData.type === 'coupon'">
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a">订单金额满</view>
<view class="index-content-item-qu-bl-rk-b">9999元</view>
<view class="index-content-item-qu-bl-rk-c">可使用</view>
<view class="index-content-item-qu-bl-rk-d">当前可使用</view>
</view>
</template>
<template v-if="optionData.type === 'pay'">
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a index-content-item-qu-bl-rk-axl">订单金额满</view>
<view class="index-content-item-qu-bl-rk-b index-content-item-qu-bl-rk-bxl">9999元</view>
<view class="index-content-item-qu-bl-rk-c index-content-item-qu-bl-rk-cxl">可使用</view>
<view class="index-content-item-qu-bl-rk-d index-content-item-qu-bl-rk-dxl">去使用</view>
</view>
</template>
</view>
</view>
</view>
<view class="index-content-item">
<view class="index-content-item-nav index-content-item-navx baiyin-flex baiyin-flex-c-b">
<text></text>
<view>不可用优惠券(2)</view>
</view>
<view class="index-content-item-qu">
<image class="index-content-item-qu-bg" src="@/static/icon/xy02.png" mode=""></image>
<view class="index-content-item-qu-bl">
<text class="index-content-item-qu-bl-tl index-content-item-qu-bl-tlx">满减优惠券</text>
<view class="index-content-item-qu-bl-lk">
<view class="index-content-item-qu-bl-lk-t index-content-item-qu-bl-lk-tx">
<text>￥</text>
<text>200</text>
优惠券
</view>
<view class="index-content-item-qu-bl-lk-b index-content-item-qu-bl-lk-bx">有效期：2022.3.1-2022.12.31</view>
</view>
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a index-content-item-qu-bl-rk-ax">订单金额满</view>
<view class="index-content-item-qu-bl-rk-b index-content-item-qu-bl-rk-bx">200元</view>
<view class="index-content-item-qu-bl-rk-c index-content-item-qu-bl-rk-cx">可使用</view>
<view class="index-content-item-qu-bl-rk-d index-content-item-qu-bl-rk-dx">不可用</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0,
optionData: {},
title: ''
};
},
onLoad(option) {
let self = this;
self.optionData = option;
self.initial();
},
methods: {
initial() {
let self = this;
switch (self.optionData.type) {
case 'coupon': //优惠券
self.title = '优惠券';
break;
case 'pay': //支付
self.title = '确认支付';
break;
}
}
}
};
</script>
<style>
page {
background-color: #f7f8f9;
}
</style>
<style lang="scss" scoped>
.index {
&-content {
margin: 24rpx 20rpx;
width: calc(100% - 20rpx * 2);
&-item {
margin-bottom: 30rpx;
&-nav {
margin-bottom: 20rpx;
> text {
display: inline-block;
width: 6rpx;
height: 36rpx;
background: #2c66ff;
border-radius: 3rpx;
margin-right: 10rpx;
}
> view {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
> text {
color: #2c66ff;
}
}
}
&-nav:last-child {
margin-bottom: 0rpx;
}
&-navx {
> text {
background: #666666;
}
}
&-qu {
width: 710rpx;
height: 200rpx;
background: #ffffff;
box-shadow: 1rpx 1rpx 6rpx 0rpx rgba(0, 0, 0, 0.05);
border-radius: 16rpx;
overflow: hidden;
margin-bottom: 20rpx;
position: relative;
&-bg,
&-bl {
width: 710rpx;
height: 200rpx;
}
&-bg {
position: absolute;
left: 0rpx;
top: 0rpx;
}
&-bl {
position: relative;
> text,
> view {
position: absolute;
}
&-tl {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #4384ff;
top: 4rpx;
left: 62rpx;
}
&-tlx {
color: #666666;
}
&-lk {
bottom: 20rpx;
left: 20rpx;
&-t {
font-size: 30rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
> text:nth-child(1) {
font-size: 40rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #2c66ff;
}
> text:nth-child(2) {
font-size: 72rpx;
font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
font-weight: bold;
color: #2c66ff;
margin-right: 20rpx;
}
}
&-tx {
color: #999999;
> text:nth-child(1) {
color: #999999;
}
> text:nth-child(2) {
color: #999999;
}
}
&-b {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
}
&-bx {
color: #999999;
}
}
&-rk {
width: 170rpx;
height: 200rpx;
right: 0rpx;
top: 0rpx;
> view {
text-align: center;
}
&-a {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 26rpx;
}
&-ax {
color: #999999;
margin-top: 21rpx;
}
&-axl {
margin-top: 21rpx;
}
&-b {
font-size: 30rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #ffffff;
margin-top: 10rpx;
}
&-bx {
color: #666666;
margin-top: 5rpx;
}
&-bxl {
margin-top: 5rpx;
}
&-c,
&-d {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 10rpx;
}
&-cx {
color: #999999;
margin-top: 5rpx;
}
&-cxl {
margin-top: 5rpx;
}
&-d {
font-weight: 500;
margin-top: 21rpx;
}
&-dx {
width: 120rpx;
border: 1rpx solid #999999;
margin: 0 calc((100% - 120rpx - 2rpx) / 2);
height: 44rpx;
line-height: 44rpx;
border-radius: 10rpx;
color: #999999;
margin-top: 17rpx;
}
&-dxl {
width: 120rpx;
height: 44rpx;
line-height: 44rpx;
margin: 0 calc((100% - 120rpx) / 2);
background: #ffffff;
border-radius: 10rpx;
color: #4486ff;
background-color: #ffffff;
margin-top: 17rpx;
}
}
}
}
}
}
}
</style>
my/feedback/index.vue 0 → 100644
<template>
<view class="content">
<view class="content-form">
<u--form label-position="top" labelWidth="100" :model="model" :rules="rules" ref="form">
<u-form-item
required
label="标题"
prop="title"
borderBottom
:customStyle="{
'flex-direction': 'row !important'
}"
>
<u--input inputAlign="right" maxlength="-1" border="none" v-model="model.title" placeholder="请填写标题"></u--input>
</u-form-item>
<u-form-item required label="备注" prop="remarks" borderBottom>
<u--textarea
:customStyle="{
marginTop: '20rpx',
background: '#F5F5F5',
border: 'none'
}"
v-model="model.remarks"
placeholder="备注说明"
height="128rpx"
></u--textarea>
</u-form-item>
</u--form>
</view>
<u-button
text="提交反馈"
color="#2C66FF"
:customStyle="{
width: '710rpx',
height: '80rpx',
borderRadius: '10rpx',
padding: '0rpx',
position: 'absolute',
bottom: '142rpx',
left: '20rpx'
}"
></u-button>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0,
model: {
title: '',
remarks: ''
},
rules: {
title: {
type: 'string',
required: true,
message: '请填写标题',
trigger: ['blur', 'change']
},
remarks: {
type: 'string',
required: true,
message: '请填写备注说明',
trigger: ['blur', 'change']
}
}
};
},
onLoad() {},
onReady() {
//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
this.$refs.form.setRules(this.rules);
},
methods: {}
};
</script>
<style lang="scss" scoped>
.content {
&-form {
margin: 30rpx 20rpx;
width: calc(100% - 20rpx * 2);
/deep/ .u-form {
width: calc(100% - 20rpx * 2);
margin: 0rpx 20rpx;
}
}
}
</style>
my/invite/index.vue 0 → 100644
<template>
<view class="index">
<view class="index-content">
<view class="index-content-item">
<view class="index-content-item-nav baiyin-flex baiyin-flex-c-b">
<text></text>
<view>邀请新用户享受下单折扣</view>
</view>
<view class="index-content-item-li">1.成功邀请3位新用户,可享一单9折优惠</view>
<view class="index-content-item-li">2.成功邀请5位新用户,可享两单9折优惠</view>
<view class="index-content-item-li">3.成功邀请10位新用户,可享三单9折优惠</view>
</view>
<view class="index-content-item">
<view class="index-content-item-nav baiyin-flex baiyin-flex-c-b">
<text></text>
<view>
我已邀请:
<text>3位用户</text>
</view>
</view>
</view>
</view>
<u-button
text="继续邀请新用户"
color="#2C66FF"
:customStyle="{
width: '710rpx',
height: '80rpx',
borderRadius: '10rpx',
padding: '0rpx',
position: 'absolute',
left: '20rpx',
bottom: '142rpx'
}"
></u-button>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0
};
},
onLoad() {},
methods: {}
};
</script>
<style lang="scss" scoped>
.index {
&-content {
margin: 24rpx 20rpx;
width: calc(100% - 20rpx * 2);
&-item {
margin-bottom: 30rpx;
&-nav {
margin-bottom: 20rpx;
> text {
display: inline-block;
width: 6rpx;
height: 36rpx;
background: #2c66ff;
border-radius: 3rpx;
margin-right: 10rpx;
}
> view {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
> text {
color: #2c66ff;
}
}
}
&-nav:last-child {
margin-bottom: 0rpx;
}
&-li {
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
margin-bottom: 10rpx;
padding-left: 14rpx;
}
&-li:last-child {
margin-bottom: 0rpx;
}
}
}
}
</style>
package.json
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
} }
}, },
"custom-uat": { "custom-uat": {
"title": "新人力微信小程序开发版", "title": "新人力微信小程序测试版",
"env": { "env": {
"UNI_PLATFORM": "mp-weixin", "UNI_PLATFORM": "mp-weixin",
"UNI_BASE_ENV": "uat", "UNI_BASE_ENV": "uat",
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
} }
}, },
"custom-prod": { "custom-prod": {
"title": "新人力微信小程序开发版", "title": "新人力微信小程序生产版",
"env": { "env": {
"UNI_PLATFORM": "mp-weixin", "UNI_PLATFORM": "mp-weixin",
"UNI_BASE_ENV": "production", "UNI_BASE_ENV": "production",
......
pages.json
...@@ -33,7 +33,10 @@ ...@@ -33,7 +33,10 @@
{ {
"path": "pages/my/index", "path": "pages/my/index",
"style": { "style": {
"navigationBarTitleText": "个人" "navigationBarTitleText": "个人",
"mp-weixin": {
"navigationStyle": "custom"
}
} }
} }
], ],
...@@ -51,10 +54,27 @@ ...@@ -51,10 +54,27 @@
{ {
"root": "my", //子包的根目录 "root": "my", //子包的根目录
"pages": [{ //这里的配置路径和pages里的一样 "pages": [{ //这里的配置路径和pages里的一样
"path": "index/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好 "path": "feedback/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "意见反馈"
"enablePullDownRefresh": false }
}, { //这里的配置路径和pages里的一样
"path": "invite/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
"style": {
"navigationBarTitleText": "我的邀请"
}
}, { //这里的配置路径和pages里的一样
"path": "agreeOn/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
"style": {
"navigationBarTitleText": "用户协议"
}
}, { //这里的配置路径和pages里的一样
"path": "coupon/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
"style": {
"navigationBarTitleText": "优惠券",
"mp-weixin": {
"navigationStyle": "custom"
}
} }
}] }]
}, },
...@@ -102,4 +122,4 @@ ...@@ -102,4 +122,4 @@
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"onReachBottomDistance": 50 "onReachBottomDistance": 50
} }
} }
\ No newline at end of file
pages/my/index.vue
<template> <template>
<view class="content"> <view class="content">
<image class="logo" src="/static/logo.png"></image> <image class="content-bg" src="@/static/icon/my01.png" mode=""></image>
<view class="text-area"> <view :style="{ height: `calc(${globalData.statusBarHeight}rpx + 158rpx)` }"></view>
<text class="title">{{title}}</text> <view class="content-in">
<view class="content-in-info baiyin-flex baiyin-flex-c-b">
<button class="content-in-info-l" type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar">
<image src="@/static/icon/my03.png" mode=""></image>
</button>
<view class="content-in-info-r">
<view class="content-in-info-r-t baiyin-flex">
<text v-if="nameDisabled">用户名称</text>
<input v-else confirm-type="确定" @confirm="inputNameConfirm" maxlength="15" type="text" value="用户名称" />
<image src="@/static/icon/my02.png" mode="" @click="nameDisabled = !nameDisabled"></image>
</view>
<view class="content-in-info-r-b">手机号：12385757454</view>
</view>
</view>
<view class="content-in-item baiyin-flex baiyin-flex-c-sb baiyin-flex-c-b" v-for="(item, index) in list" :key="index" @click="index != 0 ? clickJumpNPage(item) : null">
<!-- 联系客服生成 -->
<button class="content-in-item-btn" v-if="index === 0" open-type="contact"></button>
<view class="baiyin-flex baiyin-flex-c-b">
<image :src="item.icon" mode=""></image>
<text>{{ item.title }}</text>
</view>
<image src="@/static/icon/my09.png" mode=""></image>
</view>
<view class="content-in-btn">
<u-button
text="退出登录"
color="#EA654E"
:customStyle="{
width: '560rpx',
height: '80rpx',
borderRadius: '10rpx',
padding: '0rpx',
margin: '178rpx 0rpx 0rpx 65rpx'
}"
></u-button>
</view>
</view> </view>
<com-navbar :leftIcon="false" bgColor="transparent" title="我的" :titleStyle="{ color: '#ffffff', fontSize: '34rpx' }" />
<com-tabbar
:list="[
{
name: '首页',
icon: '/static/tabbar/tb1.png',
selectIcon: '/static/tabbar/td1.png',
url: '/pages/home/index',
type: 'type'
},
{
name: '我的需求',
icon: '/static/tabbar/tb2.png',
selectIcon: '/static/tabbar/td2.png',
url: '/pages/demand/index',
type: 'type'
},
{
name: '发布',
icon: '/static/tabbar/fb.png',
selectIcon: '/static/tabbar/fb.png',
url: '/pages/release/index',
type: 'type'
},
{
name: '动态',
icon: '/static/tabbar/tb3.png',
selectIcon: '/static/tabbar/td3.png',
url: '/pages/order/index',
type: 'type'
},
{
name: '我的',
icon: '/static/tabbar/tb4.png',
selectIcon: '/static/tabbar/td4.png',
url: '',
type: 'myCenter'
}
]"
/>
</view> </view>
</template> </template>
<script> <script>
export default { import apiBaseConfig from '@/config/index.js';
data() { import { mapMutations } from 'vuex';
return { export default {
title: 'Hello' data() {
} return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0,
nameDisabled: true,
list: [
{
icon: require('@/static/icon/my04.png'),
title: '联系客服'
},
{
icon: require('@/static/icon/my05.png'),
title: '意见反馈',
url: '/my/feedback/index'
},
{
icon: require('@/static/icon/my06.png'),
title: '我的邀请',
url: '/my/invite/index'
},
{
icon: require('@/static/icon/my07.png'),
title: '用户协议',
url: '/my/agreeOn/index'
},
{
icon: require('@/static/icon/my08.png'),
title: '我的优惠券',
url: '/my/coupon/index?type=coupon'
}
]
};
},
onLoad() {},
methods: {
...mapMutations(['upDateUserInfoMount']),
onChooseavatar(e) {
console.log(e);
return;
let self = this;
const { avatarUrl } = e.detail;
this.fdsa = avatarUrl;
console.log(avatarUrl, e, 'fsdafdsa');
wx.getFileSystemManager().readFile({
filePath: avatarUrl, //选择图片返回的相对路径
encoding: 'base64', //编码格式
success: res => {
//成功的回调
console.log(res);
console.log(res.data);
userUpdatePOST({
headImgUrl: res.data
}).then(res => {
console.log(res.code, 'pppppppppppp');
if (res.code === 200) {
uni.showToast({
title: '修改成功',
icon: 'none'
});
console.log(111111111111);
// self.upDateUserInfoMount();
}
});
}
});
}, },
onLoad() { inputNameConfirm(e) {
console.log('======inputNameConfirm：', e);
}, },
methods: { clickJumpNPage(row) {
if (row.url) {
this.$uniGo.navigateTo({
url: row.url
});
}
} }
} }
};
</script> </script>
<style> <style>
.content { page {
display: flex; background-color: #f7f8f9;
flex-direction: column; }
align-items: center; </style>
justify-content: center; <style lang="scss" scoped>
} .content {
&-bg {
.logo { width: 100%;
height: 200rpx; height: 340rpx;
width: 200rpx; position: absolute;
margin-top: 200rpx; top: 0%;
margin-left: auto; left: 0%;
margin-right: auto; z-index: -1;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
} }
&-in {
.title { width: calc(100% - 30rpx * 2);
font-size: 36rpx; margin: 0rpx 30rpx 0;
color: #8f8f94; &-info {
padding: 35rpx 30rpx;
background-color: #ffffff;
border-radius: 14rpx;
margin-bottom: 16rpx;
&-l {
width: 120rpx;
height: 120rpx;
margin: 0 30rpx 0 0;
padding: 0rpx;
border: none;
outline: none;
background: transparent;
image {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
&-l::after {
border: none;
}
&-r {
&-t {
margin-bottom: 17rpx;
input,
text {
font-size: 36rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #666666;
margin-right: 34rpx;
}
image {
width: 32rpx;
height: 32rpx;
margin-top: 5rpx;
}
}
&-b {
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #666666;
}
}
}
&-item {
padding: 26rpx 22rpx;
background-color: #ffffff;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 0, 0, 0.05);
margin-bottom: 16rpx;
position: relative;
&-btn {
position: absolute;
top: 0%;
left: 0%;
padding: 0rpx;
width: 100%;
height: 100%;
outline: none;
border: none;
background: transparent;
border-radius: 10rpx;
}
&-btn::after {
outline: none;
border: none;
}
> image {
width: 34rpx;
height: 34rpx;
}
> view {
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
image {
margin-right: 12rpx;
width: 28rpx;
height: 28rpx;
}
}
}
&-item:last-child {
margin-bottom: 0rpx;
}
} }
}
</style> </style>
utils/both.css
...@@ -15,13 +15,6 @@ text { ...@@ -15,13 +15,6 @@ text {
word-break: break-all; word-break: break-all;
} }
@font-face {
font-family: DINBOLD;
font-weight: normal;
font-style: normal;
src: url('~@/static/ttf/DIN-Bold.otf') format('OpenType');
}
ul, ul,
li { li {
list-style: none; list-style: none;
......
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