Augcl
/
popularize-front
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

1

master
xiaobo 4 months ago
parent
00d50b70fe
commit
f05d0245e8
30 changed files with 1542 additions and 143 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +6
    -1
      components/active/active-item.vue
  2. +6
    -1
      components/zhaomu/zhaomu-item.vue
  3. +110
    -117
      components/zhaomu/zlx-item.vue
  4. +3
    -3
      manifest.json
  5. +28
    -3
      pages.json
  6. +1
    -1
      pages/index/cart.vue
  7. +12
    -5
      pages/index/center.vue
  8. +13
    -2
      pages/index/index.vue
  9. +1
    -1
      pages/index/member.vue
  10. +93
    -3
      pages_my/qiandao-list.vue
  11. +329
    -0
      pages_my/user-info.vue
  12. +228
    -0
      pages_my/user-msg.vue
  13. +3
    -2
      pages_my/zlx-qiandao.vue
  14. +413
    -0
      pages_order/huodong-detail.vue
  15. +292
    -0
      pages_order/lvyou-detail.vue
  16. +1
    -1
      pages_order/orderDetails.vue
  17. +1
    -1
      pages_zlx/zlx-form.vue
  18. BIN
      static/image/center/nan-icon.png
  19. BIN
      static/image/center/nv-icon.png
  20. BIN
      static/image/center/user-icon-1.png
  21. BIN
      static/image/center/user-icon-2.png
  22. BIN
      static/image/center/user-icon-3.png
  23. BIN
      static/image/center/user-icon-4.png
  24. BIN
      static/image/center/user-icon-5.png
  25. BIN
      static/image/home/address-icon-2.png
  26. BIN
      static/image/home/img-1.png
  27. BIN
      static/image/home/shoucang-icon.png
  28. BIN
      static/image/home/title-line.png
  29. BIN
      static/image/home/zhuanfa-icon.png
  30. +2
    -2
      uni_modules/uv-navbar/components/uv-navbar/props.js

+ 6
- 1
components/active/active-item.vue View File

@ -13,7 +13,7 @@
</view>
<view class="price">
<view class="num-box">20/40</view>
<view class="btn-box">立即报名</view>
<view class="btn-box" @click="toDetail">立即报名</view>
</view>
</view>
</view>
@ -50,6 +50,11 @@
uni.navigateTo({
url: '/pages_order/orderDetails'
})
},
toDetail() {
uni.navigateTo({
url:'/pages_order/huodong-detail'
})
}
}
};


+ 6
- 1
components/zhaomu/zhaomu-item.vue View File

@ -23,7 +23,7 @@
<uv-avatar-group :urls="urls" size="45rpx" gap="0.1"></uv-avatar-group>
<view class="num">4人参加</view>
</view>
<view class="bottom-box-r">
<view class="bottom-box-r" @click="toZhaomu">
参与招募
</view>
</view>
@ -65,6 +65,11 @@
uni.navigateTo({
url: '/pages_order/orderDetails'
})
},
toZhaomu() {
uni.navigateTo({
url: '/pages_order/lvyou-detail'
})
}
}
};


+ 110
- 117
components/zhaomu/zlx-item.vue View File

@ -1,21 +1,19 @@
<template>
<view class="cardList">
<view class="container" v-for="(item, index) in cardListData" :key="index">
<view class="content" :class="['U','S'].includes(item.state) ? 'content_border' : ''">
<view class="left">
<img :src="item.imgUrl" alt="">
<view class="content">
<view class="left">
<img src="https://up.zhuoku.org/22/a4/60/50/fc3bd0b4e656911fccdde4383637c1cd.jpg" alt="">
</view>
<view class="right">
<view class="detailed">
<view class="title">夏日去撒野旅游计划</view>
<view class="date">2024.08.23 12:00</view>
<view class="address">成都市东丽湖露营地</view>
</view>
<view class="right">
<view class="detailed">
<view class="title">{{item.title}}</view>
<view class="date">{{item.time}}</view>
<view class="address">{{item.address}}</view>
</view>
<view class="price">
<view class="num-box">20/40</view>
<view class="btn-box" v-if="index == 1" @click="qiandaoClick">开始签到</view>
<view class="btn-box jieshu-btn" v-else>已结束</view>
</view>
<view class="price" v-if="showBottom">
<view class="num-box">20/40</view>
<view class="btn-box" @click="qiandaoClick">开始签到</view>
<!-- <view class="btn-box jieshu-btn" v-else>已结束</view> -->
</view>
</view>
</view>
@ -25,10 +23,10 @@
<script>
export default {
props: {
cardListData: {
type: Array,
default: []
},
showBottom:{
type:Boolean,
default:true
}
},
data() {
return {
@ -52,8 +50,8 @@
url: '/pages_order/orderDetails'
})
},
qiandaoClick(item) {
this.$emit('qiandaoClick',item)
qiandaoClick() {
this.$emit('qiandaoClick')
}
}
};
@ -61,122 +59,117 @@
<style scoped lang="scss">
.cardList {
.container {
margin-top: 31rpx;
padding: 25rpx 0;
border-radius: 20rpx;
.content {
display: flex;
padding: 24rpx 35rpx;
background: #1B1713;
border-radius: 20rpx;
margin-bottom: 20rpx;
.left {
width: 228rpx;
height: 228rpx;
border-radius: 20rpx;
overflow: hidden;
.content_border {
border-bottom: 1px solid #2A2A2A;
img {
width: 100%;
height: 100%;
}
}
.content {
.right {
display: flex;
padding: 24rpx 35rpx;
flex-direction: column;
justify-content: space-between;
flex: 1;
margin-left: 26rpx;
color: $uni-text-color-grey;
font-size: 24rpx;
.detailed {
.title {
font-size: 32rpx;
color: #fff;
padding-top: 11rpx;
}
.left {
width: 228rpx;
height: 228rpx;
border-radius: 20rpx;
overflow: hidden;
.date {
padding: 25rpx 0 19rpx;
display: flex;
align-items: center;
&::before {
content: '';
display: block;
background: url('@/static/image/cart/timeIcon.png') no-repeat;
background-size: 100% 100%;
width: 24rpx;
height: 24rpx;
margin-right: 10rpx;
}
}
.address {
display: flex;
align-items: center;
img {
width: 100%;
height: 100%;
&::before {
content: '';
display: block;
background: url('@/static/image/cart/addressIcon.png') no-repeat;
background-size: 100% 100%;
width: 22rpx;
height: 26rpx;
margin-right: 10rpx;
}
}
}
.right {
.price {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
flex: 1;
margin-left: 26rpx;
color: $uni-text-color-grey;
font-size: 24rpx;
.detailed {
.title {
font-size: 32rpx;
color: #fff;
padding-top: 11rpx;
}
.date {
padding: 25rpx 0 19rpx;
display: flex;
align-items: center;
&::before {
content: '';
display: block;
background: url('@/static/image/cart/timeIcon.png') no-repeat;
background-size: 100% 100%;
width: 24rpx;
height: 24rpx;
margin-right: 10rpx;
}
}
.num-box {
font-size: 27rpx;
color: #fff;
}
.address {
display: flex;
align-items: center;
&::before {
content: '';
display: block;
background: url('@/static/image/cart/addressIcon.png') no-repeat;
background-size: 100% 100%;
width: 22rpx;
height: 26rpx;
margin-right: 10rpx;
}
}
.btn-box {
width: 180rpx;
height: 54rpx;
background: url('@/static/image/member/btn-2.png') no-repeat;
background-size: 100% 100%;
font-weight: 500;
font-size: 23rpx;
color: #FFFFFF;
text-align: center;
line-height: 54rpx;
border-radius: 30rpx;
}
.price {
display: flex;
align-items: center;
justify-content: space-between;
.num-box {
font-size: 27rpx;
color: #fff;
}
.btn-box {
width: 180rpx;
height: 54rpx;
background: url('@/static/image/member/btn-2.png') no-repeat;
background-size: 100% 100%;
font-weight: 500;
font-size: 23rpx;
color: #FFFFFF;
text-align: center;
line-height: 54rpx;
border-radius: 30rpx;
}
.jieshu-btn {
background: #666666;
}
.jieshu-btn {
background: #666666;
}
}
}
}
.button-sp-area {
text-align: right;
padding-top: 20rpx;
.mini-btn {
width: 166rpx;
height: 53rpx;
line-height: 53rpx;
font-size: 24rpx;
border-radius: 50rpx;
margin-left: 20rpx;
background-color: #34312E;
color: #AFAFAF;
}
.button-sp-area {
text-align: right;
padding-top: 20rpx;
.mini-btn {
width: 166rpx;
height: 53rpx;
line-height: 53rpx;
font-size: 24rpx;
border-radius: 50rpx;
margin-left: 20rpx;
background-color: #34312E;
color: #AFAFAF;
}
}
}


+ 3
- 3
manifest.json View File

@ -1,6 +1,6 @@
{
"name" : "unapp模板",
"appid" : "__UNI__197A38F",
"name" : "vtrip",
"appid" : "__UNI__EFB8158",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
@ -52,7 +52,7 @@
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx5e9eee62b6cf5315",
"appid" : "wx4bf1b331b5f4e8d8",
"setting" : {
"urlCheck" : false
},


+ 28
- 3
pages.json View File

@ -60,7 +60,20 @@
{
"path": "orderDetails",
"style": {
"enablePullDownRefresh": true,
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
},
{
"path": "lvyou-detail",
"style": {
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
},
{
"path": "huodong-detail",
"style": {
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
@ -86,7 +99,6 @@
{
"path": "zlx-qiandao",
"style": {
"enablePullDownRefresh": true,
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
@ -94,7 +106,20 @@
{
"path": "qiandao-list",
"style": {
"enablePullDownRefresh": true,
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
},
{
"path": "user-msg",
"style": {
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}
},
{
"path": "user-info",
"style": {
"navigationStyle": "custom" ,
"navigationBarTextStyle": "white"
}


+ 1
- 1
pages/index/cart.vue View File

@ -139,7 +139,7 @@
position: absolute;
width: 100%;
color: #fff;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
}
}
</style>

+ 12
- 5
pages/index/center.vue View File

@ -4,11 +4,11 @@
<uv-navbar title="个人中心" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<view class="head">
<view class="headImage">
<view class="head" @click="toInfo">
<view class="headImage" @click="toInfo">
<image :src="userInfo.headImage" mode="aspectFill"></image>
</view>
<view class="info">
<view class="info" @click="toInfo">
<view class="vip">
但愿人长久
</view>
@ -16,7 +16,7 @@
158123321
</view>
</view>
<view class="setting">
<view class="setting" @click="jump({url:'/pages_my/user-msg'})">
<uv-icon name="edit-pen" size="50rpx" color="#fff"></uv-icon>
</view>
</view>
@ -138,6 +138,12 @@
uni.navigateTo({
url:item.url
})
},
toInfo() {
console.log(123)
uni.navigateTo({
url:'/pages_my/user-info'
})
}
}
}
@ -157,10 +163,11 @@
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
padding-bottom: 20rpx;
}
}


+ 13
- 2
pages/index/index.vue View File

@ -1,7 +1,7 @@
<template>
<view class="page">
<view class="head-box"></view>
<uv-navbar title=" " leftIcon=" " bgColor="transparent" height="100rpx"></uv-navbar>
<uv-navbar :title="navTitle" leftIcon=" " :titleStyle="{color:'#fff'}" :bgColor="bgColor" height="100rpx"></uv-navbar>
<view class="content">
<view class="search-box">
<view class="search-box-l">
@ -92,6 +92,8 @@
},
data() {
return {
bgColor:'transparent',
navTitle:'',
keyword:'',
list: [
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
@ -125,6 +127,15 @@
]
}
},
onPageScroll(e) {
if(e.scrollTop > 50) {
this.bgColor = '#49070c'
this.navTitle = '首页'
}else{
this.bgColor = 'transparent'
this.navTitle = ''
}
},
methods:{
tabs(val) {
console.log(val);
@ -150,7 +161,7 @@
.content {
color: #fff;
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
.search-box {
display: flex;


+ 1
- 1
pages/index/member.vue View File

@ -96,7 +96,7 @@
}
.content {
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
.search-box {
display: flex;


+ 93
- 3
pages_my/qiandao-list.vue View File

@ -4,18 +4,52 @@
<uv-navbar autoBack title="签到列表" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<zlx-item :showBottom="false"></zlx-item>
<view class="xie-box-val" v-for="(item,i) in signList" :key="i">
<view class="val-text">
<view>{{item.name}}</view>
<view class="phone-box">{{item.phone}}</view>
<view class="type-box">{{item.type}}X{{item.num}}</view>
</view>
<view class="choose-box" >
<view class="normol-box" v-if="i == 1"></view>
<image src="@/static/image/member/choose-icon.png" mode="widthFix" v-else></image>
</view>
</view>
</view>
<view class="btn-box">
<uv-button @click="saoma" text="扫码签到" color="#381615" shape="circle" :customStyle="btnCustomStyle"></uv-button>
</view>
</view>
</template>
<script>
import zlxItem from '@/components/zhaomu/zlx-item.vue'
export default{
components:{
zlxItem
},
data() {
return {
btnCustomStyle:{
color:'#FF5858'
},
bgColor:'transparent',
signList:[
{
name:'黎明',
phone:'19918812201',
type:'早鸟票',
num:1
},
{
name:'刘德华',
phone:'19918812201',
type:'尊享票',
num:3
}
]
}
},
onPageScroll(e) {
@ -26,7 +60,13 @@
}
},
methods:{
saoma() {
uni.scanCode({
success(res) {
}
})
}
}
}
</script>
@ -43,9 +83,59 @@
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
.xie-box-val {
margin-top: 34rpx;
margin-bottom: 16rpx;
height: 116rpx;
background: #1B1713;
border-radius: 27rpx 27rpx 27rpx 27rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 36rpx;
.val-text {
font-weight: 400;
font-size: 25rpx;
color: #FFFFFF;
display: flex;
align-items: center;
.phone-box {
color: #666666;
margin: 0 10rpx;
}
.type-box {
background: #322511;
border-radius: 0rpx 12rpx 12rpx 12rpx;
color: #FFA200;
font-size: 20rpx;
padding: 10rpx 10rpx;
}
}
.choose-box {
.normol-box {
width: 31rpx;
height: 31rpx;
border: 1px solid #fff;
border-radius: 5rpx;
}
image {
width: 31rpx;
height: 31rpx;
}
}
}
}
.btn-box {
position: fixed;
bottom: 70rpx;
left: 0;
right: 0;
padding: 0 40rpx;
}
</style>

+ 329
- 0
pages_my/user-info.vue View File

@ -0,0 +1,329 @@
<template>
<view>
<view class="head-box"></view>
<uv-navbar autoBack title="个人资料" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<view class="img-box">
<image src="@/static/image/center/3.png" mode=""></image>
<view>点击更换头像</view>
</view>
<view class="name-box">
<view class="name-val">但愿不过瞻仰</view>
<view class="sex-box">
<image src="@/static/image/center/nan-icon.png" mode=""></image>
</view>
<view class="age-box">36岁</view>
<!-- <image src="@/static/image/center/nv-icon.png" mode=""></image> -->
</view>
<view class="form-box">
<view class="form-box-line">
<view class="label-box">
<image src="@/static/image/center/user-icon-1.png" mode="widthFix"></image>
<view>国籍</view>
</view>
<view class="value-box">
中国
</view>
</view>
<view class="form-box-line">
<view class="label-box">
<image src="@/static/image/center/user-icon-2.png" mode="widthFix"></image>
<view>学历</view>
</view>
<view class="value-box">
本科
</view>
</view>
<view class="form-box-line">
<view class="label-box">
<image src="@/static/image/center/user-icon-3.png" mode="widthFix"></image>
<view>行业</view>
</view>
<view class="value-box">
暂无
</view>
</view>
<view class="form-box-line">
<view class="label-box">
<image src="@/static/image/center/user-icon-4.png" mode="widthFix"></image>
<view>电话</view>
</view>
<view class="value-box">
123321123
</view>
</view>
<view class="form-box-line">
<view class="label-box">
<image src="@/static/image/center/user-icon-5.png" mode="widthFix"></image>
<view>性别</view>
</view>
<view class="value-box">
男
</view>
</view>
</view>
<view class="tips-box">
<view class="title-box">标签</view>
<view class="tips-val">
<view class="tips-item tips-1">单身</view>
<view class="tips-item tips-2">985</view>
<view class="tips-item tips-3">设计师</view>
<view class="tips-item tips-4">行业大牛</view>
</view>
</view>
<view class="about-box">
<uv-divider text="关于我" textSize="28rpx"></uv-divider>
<view class="about-box-val">我目前居住在上海，是一名工程师，在一家互联网公司工作。虽然工作很忙，但我总能找到时间享受我的爱好——旅行和摄影。每到假期，我就</view>
</view>
</view>
<view class="btn-box">
<uv-button text="编辑信息" @click="editClick" color="#381615" shape="circle" :customStyle="btnCustomStyle"></uv-button>
</view>
</view>
</template>
<script>
export default{
data() {
return {
btnCustomStyle:{
color:'#FF5858'
},
bgColor:'transparent',
info:{
name:'',
phone:'',
idCard:'',
jianli:''
},
}
},
onPageScroll(e) {
if(e.scrollTop > 50) {
this.bgColor = '#49070c'
}else{
this.bgColor = 'transparent'
}
},
methods:{
editClick() {
uni.navigateTo({
url:'/pages_my/user-msg'
})
}
}
}
</script>
<style lang="scss">
page {
background-color: #060504;
}
</style>
<style lang="scss" scoped>
.head-box {
background: url('@/static/image/nav-bg.png') no-repeat;
background-size: 100% 100%;
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx 170rpx;
padding-top: calc(var(--status-bar-height) + 110rpx);
.img-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 40rpx;
image {
width: 176rpx;
height: 176rpx;
border-radius: 50%;
}
view {
font-weight: 400;
font-size: 24rpx;
color: #CCCCCC;
margin-top: 20rpx;
}
}
.name-box {
display: flex;
align-items: center;
.name-val {
font-weight: 600;
font-size: 32rpx;
color: #E6E6E6;
margin-right: 18rpx;
}
.sex-box {
background-color: #0D1A20;
width: 69rpx;
height: 36rpx;
border-radius: 18rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10rpx;
image {
width: 25rpx;
height: 25rpx;
}
}
.age-box {
width: 85rpx;
height: 36rpx;
background: #261705;
border-radius: 18rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 23rpx;
color: #FFA200;
}
}
.form-box {
background: #1B1713;
border-radius: 27rpx;
padding:0 40rpx;
margin-top: 25rpx;
margin-bottom: 44rpx;
.form-box-line {
height: 112rpx;
border-bottom: 1px solid #403D3A;
display: flex;
align-items: center;
justify-content: space-between;
&:last-child {
border: none;
}
.label-box {
font-weight: 400;
font-size: 31rpx;
color: #CCCCCC;
display: flex;
align-items: center;
image {
width: 35rpx;
height: 35rpx;
margin-right: 23rpx;
}
}
.value-box {
font-weight: 400;
font-size: 28rpx;
color: #CCCCCC;
}
}
.form-title {
font-weight: 500;
font-size: 28rpx;
color: #CCCCCC;
padding-top: 32rpx;
}
.choose-box {
margin-top: 28rpx;
display: flex;
flex-wrap: wrap;
.choose-item {
width: 137rpx;
height: 67rpx;
border-radius: 13rpx;
border: 1rpx solid #CCCCCC;
text-align: center;
line-height: 67rpx;
font-weight: 500;
font-size: 26rpx;
color: #CCCCCC;
margin-right: 15rpx;
margin-bottom: 24rpx;
&:nth-child(4n){
margin-right: 0;
}
}
.choose-class {
background-color: #341616;
color: #FF4747;
border: 1rpx solid #FF4747;
}
}
}
.title-box {
font-weight: 500;
font-size: 27rpx;
color: #666666;
}
.tips-box {
margin-top: 30rpx;
margin-bottom: 27rpx;
.tips-val {
display: flex;
align-items: center;
margin-top: 27rpx;
.tips-item {
width: 147rpx;
height: 72rpx;
border-radius: 13rpx;
font-weight: 500;
font-size: 28rpx;
line-height: 72rpx;
text-align: center;
margin-right: 20rpx;
margin-bottom: 10rpx;
flex-wrap: wrap;
&:nth-child(4n) {
margin-right: 0;
}
}
.tips-1 {
background-color: #1F1404;
color: #E17E09;
}
.tips-2 {
background-color: #1F0E0D;
color: #FF4747;
}
.tips-3 {
background-color: #051529;
color: #0979E1;
}
.tips-4 {
background-color: #191F0E;
color: #4EB477;
}
}
}
.about-box {
.about-box-val {
margin-top: 36rpx;
background: #171310;
border-radius: 20rpx;
padding: 60rpx 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #CCCCCC;
line-height: 46rpx;
}
}
}
.btn-box {
background-color: #060504;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20rpx 40rpx;
height: 150rpx;
z-index: 999;
box-sizing: border-box;
}
</style>

+ 228
- 0
pages_my/user-msg.vue View File

@ -0,0 +1,228 @@
<template>
<view>
<view class="head-box"></view>
<uv-navbar autoBack title="编辑资料" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<view class="title-box">基础信息</view>
<view class="form-box">
<view class="form-box-line">
<view class="label-box">用户名称</view>
<view class="value-box">
<uv-input placeholder="请输入用户名称" inputAlign="right" v-model="info.name" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">邮箱</view>
<view class="value-box">
<uv-input placeholder="请输入邮箱" inputAlign="right" v-model="nfo.phone" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">手机号</view>
<view class="value-box">
<uv-input placeholder="请输入手机号" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">性别</view>
<view class="value-box">
<uv-input placeholder="请输入性别" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">国籍</view>
<view class="value-box">
<uv-input placeholder="请输入国籍" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">生日</view>
<view class="value-box">
<uv-input placeholder="请输入生日" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">现居住址</view>
<view class="value-box">
<uv-input placeholder="请输入现居住址" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
<view class="form-box-line">
<view class="label-box">个人状态</view>
<view class="value-box">
<uv-input placeholder="请输入个人状态" inputAlign="right" v-model="nfo.idCard" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
</view>
<view class="title-box">教育</view>
<view class="form-box">
<view class="form-title">学历</view>
<view class="choose-box">
<view class="choose-item" :class="xueliIndex == i ? 'choose-class' :''" v-for="(item,i) in xueliList" :key="i" @click="xueliIndex = i">{{item}}</view>
</view>
<view class="form-title">院校</view>
<view class="choose-box">
<view class="choose-item" :class="yuanxiaoIndex == i ? 'choose-class' :''" v-for="(item,i) in yuanxiaoList" :key="i" @click="yuanxiaoIndex = i">{{item}}</view>
</view>
</view>
<view class="title-box">工作</view>
<view class="form-box">
<view class="form-box-line">
<view class="label-box">行业</view>
<view class="value-box">
<uv-input placeholder="请输入行业" inputAlign="right" v-model="info.name" border="none" color="#CCCCCC"></uv-input>
</view>
</view>
</view>
<view class="title-box">关于我</view>
<view class="form-box">
<uv-textarea v-model="info.name" :customStyle="{background: 'transparent',border:'none'}" height="380rpx" placeholder="请输入自我介绍..."></uv-textarea>
</view>
</view>
<view class="btn-box">
<uv-button text="保存" @click="saveClick" color="#381615" shape="circle" :customStyle="btnCustomStyle"></uv-button>
</view>
</view>
</template>
<script>
export default{
data() {
return {
bgColor:'transparent',
btnCustomStyle:{
color:'#FF5858'
},
info:{
name:'',
phone:'',
idCard:'',
jianli:''
},
xueliIndex:0,
yuanxiaoIndex:0,
xueliList:['本科','硕士','博士','其他'],
yuanxiaoList:['985','211','双一流','QS100','QS200','QS600','其他']
}
},
onPageScroll(e) {
if(e.scrollTop > 50) {
this.bgColor = '#49070c'
}else{
this.bgColor = 'transparent'
}
},
methods:{
saveClick() {
uni.showToast({
title:'保存成功',
icon:'none'
})
}
}
}
</script>
<style lang="scss">
page {
background-color: #060504;
}
</style>
<style lang="scss" scoped>
.head-box {
background: url('@/static/image/nav-bg.png') no-repeat;
background-size: 100% 100%;
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx 170rpx;
padding-top: calc(var(--status-bar-height) + 110rpx);
.title-box {
font-weight: 500;
font-size: 27rpx;
color: #666666;
}
.form-box {
background: #1B1713;
border-radius: 27rpx;
padding:0 40rpx;
margin-top: 20rpx;
margin-bottom: 44rpx;
.form-box-line {
height: 112rpx;
border-bottom: 1px solid #403D3A;
display: flex;
align-items: center;
&:last-child {
border: none;
}
.label-box {
font-weight: 500;
font-size: 29rpx;
color: #CCCCCC;
margin-right: 34rpx;
}
.value-box {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
.uv-input {
}
}
}
.form-title {
font-weight: 500;
font-size: 28rpx;
color: #CCCCCC;
padding-top: 32rpx;
}
.choose-box {
margin-top: 28rpx;
display: flex;
flex-wrap: wrap;
.choose-item {
width: 137rpx;
height: 67rpx;
border-radius: 13rpx;
border: 1rpx solid #CCCCCC;
text-align: center;
line-height: 67rpx;
font-weight: 500;
font-size: 26rpx;
color: #CCCCCC;
margin-right: 15rpx;
margin-bottom: 24rpx;
&:nth-child(4n){
margin-right: 0;
}
}
.choose-class {
background-color: #341616;
color: #FF4747;
border: 1rpx solid #FF4747;
}
}
}
}
.btn-box {
background-color: #060504;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20rpx 40rpx;
height: 150rpx;
z-index: 999;
box-sizing: border-box;
}
</style>

+ 3
- 2
pages_my/zlx-qiandao.vue View File

@ -48,7 +48,7 @@
}
},
methods:{
qiandaoClick(item) {
qiandaoClick() {
uni.navigateTo({
url:'/pages_my/qiandao-list'
})
@ -69,9 +69,10 @@
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
}
</style>

+ 413
- 0
pages_order/huodong-detail.vue View File

@ -0,0 +1,413 @@
<template>
<view>
<view class="head-box"></view>
<uv-navbar autoBack title="活动详情" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<view class="content-head">
<image class="image-box" src="@/static/image/home/img-1.png" mode=""></image>
<view class="msg-box">
<view class="msg-box-title">泰酷辣-清迈治愈之旅</view>
<view class="msg-box-time">开始时间：2024.12.28 10:00</view>
<view class="msg-box-address">
<view class="msg-box-address-text">活动地址：黄金海岸草场浴池中心广场</view>
<view class="address-icon">
<image src="@/static/image/home/address-icon-2.png" mode=""></image>
<view>导航</view>
</view>
</view>
<view class="lingdui-box">
<image class="use-img" src="@/static/image/center/3.png" mode=""></image>
<view class="lingdui-msg">
<view class="lingdui-msg-name">
<view>VTrip微程</view>
<view class="name-tip">主理人</view>
</view>
<view>
<uv-rate :count="count" v-model="value" size="23" activeColor="#FFA200"></uv-rate>
</view>
</view>
<view class="add-wx">添加微信</view>
</view>
</view>
</view>
<view class="lv-miaoshu">
<view class="title-box">活动描述</view>
<view class="value-box">
<view class="lv-msg-box">
当金黄的落叶轻柔地铺满了小城的每个角落，我们知道，最温柔的季节已悄然而至。在这个收获的季节里，我们诚挚邀请您加入我们的秋日私旅
</view>
</view>
<view class="title-box">注意事项</view>
<view class="value-box">
<view class="lv-msg-box">
当金黄的落叶轻柔地铺满了小城的每个角落，我们知道，最温柔的季节已悄然而至。在这个收获的季节里，我们诚挚邀请您加入我们的秋日私旅
</view>
</view>
</view>
</view>
<view class="bottom-box">
<view class="price-box">
<view class="peice-val"><text>￥</text>3000</view>
<view>报名费用</view>
</view>
<view class="caozuo-box">
<view class="caozuo-item border-r">
<image src="@/static/image/home/shoucang-icon.png" mode=""></image>
<view>收藏</view>
</view>
<view class="caozuo-item">
<image src="@/static/image/home/zhuanfa-icon.png" mode=""></image>
<view>转发</view>
</view>
</view>
<view class="btn-box" @click="toBaoming">立即报名</view>
<!-- <view class="btn-box end-btn">已结束</view> -->
</view>
<uv-popup ref="popup" mode="bottom" bgColor="">
<view class="popup-cont">
<view class="popup-title">
<view></view>
<view>选择活动状态</view>
<uv-icon name="close" color="#fff" @click="$refs.popup.close();"></uv-icon>
</view>
<view class="popup-list">
<view class="list-item" v-for="(item,i) in typeList" :key="i" @click="chooseClick(item,i)">
<view class="item-l" :class="chooseIndex == i ? 'chooose-class' : ''">
<view>{{item.name}}</view>
<view class="item-l-val">￥{{item.price}}</view>
</view>
<uv-icon name="checkmark" color="#FF5858" v-if="chooseIndex == i"></uv-icon>
</view>
</view>
<view class="confirm-box">
<uv-button @click="confirmClick" text="确定" color="#381615" shape="circle" :customStyle="btnCustomStyle"></uv-button>
</view>
</view>
</uv-popup>
</view>
</template>
<script>
export default{
data() {
return {
btnCustomStyle:{
color:'#FF5858'
},
chooseIndex:0,
bgColor:'transparent',
count:5,
value:3,
typeList:[
{
name:'早鸟票',
price:'168'
},
{
name:'单人票',
price:'198'
},
{
name:'尊享票',
price:'268'
}
]
}
},
onPageScroll(e) {
if(e.scrollTop > 50) {
this.bgColor = '#49070c'
}else{
this.bgColor = 'transparent'
}
},
methods:{
toBaoming() {
this.$refs.popup.open();
},
chooseClick(item,i) {
this.chooseIndex = i
},
confirmClick() {
}
}
}
</script>
<style lang="scss">
page {
background-color: #060504;
}
</style>
<style lang="scss" scoped>
.head-box {
background: url('@/static/image/nav-bg.png') no-repeat;
background-size: 100% 100%;
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx 170rpx;
padding-top: calc(var(--status-bar-height) + 110rpx);
.content-head {
position: relative;
.image-box {
width: 100%;
height: 546rpx;
}
.msg-box {
background: #1B1713;
border-radius: 27rpx 27rpx 67rpx 67rpx;
position: absolute;
top: 429rpx;
left: 0;
right: 0;
padding-top: 38rpx;
.msg-box-title {
font-weight: 500;
font-size: 32rpx;
color: #FFFFFF;
margin-bottom: 40rpx;
padding-left: 38rpx;
}
.msg-box-time {
font-weight: 400;
font-size: 27rpx;
color: #999999;
padding-left: 38rpx;
}
.msg-box-address {
font-weight: 400;
font-size: 27rpx;
color: #999999;
padding-left: 38rpx;
padding-right: 30rpx;
margin-top: 24rpx;
display: flex;
justify-content: space-between;
&-text {
flex: 1;
}
.address-icon {
font-weight: 400;
font-size: 23rpx;
color: #999999;
display: flex;
image {
width: 25rpx;
height: 27rpx;
margin-right: 8rpx;
}
}
}
.lingdui-box {
margin-top: 43rpx;
height: 130rpx;
background: #26201A;
border-radius: 60rpx;
display: flex;
align-items: center;
padding: 0 40rpx;
.use-img {
width: 86rpx;
height: 86rpx;
}
.lingdui-msg {
flex: 1;
margin-left: 24rpx;
.lingdui-msg-name {
font-weight: 500;
font-size: 29rpx;
color: #E6E6E6;
display: flex;
align-items: center;
margin-bottom: 11rpx;
.name-tip {
padding: 0 20rpx;
height: 27rpx;
background: #3C2D17;
border-radius: 0rpx 12rpx 12rpx 12rpx;
font-weight: 500;
font-size: 19rpx;
color: #FFA200;
line-height: 27rpx;
margin-left: 14rpx;
}
}
}
.add-wx {
width: 172rpx;
height: 51rpx;
background: #3C2D17;
border-radius: 23rpx 23rpx 23rpx 23rpx;
text-align: center;
line-height: 51rpx;
font-weight: 400;
font-size: 25rpx;
color: #FF8A00;
}
}
}
}
.title-box {
font-weight: 500;
font-size: 33rpx;
color: #E6E6E6;
text-align: center;
position: relative;
&::after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
width: 100%;
height: 12rpx;
background: url(@/static/image/home/title-line.png) no-repeat;
background-size: 100% 100%;
}
}
.lv-miaoshu {
margin-top: 300rpx;
.value-box {
background: #1B1713;
border-radius: 27rpx;
margin-top: 35rpx;
margin-bottom: 52rpx;
.tabs-box {
border-bottom: 1px solid #2D241B;
}
.lv-msg-box {
padding: 20rpx 40rpx;
font-weight: 400;
font-size: 27rpx;
color: #E6E6E6;
line-height: 41rpx;
}
}
}
}
.bottom-box {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 150rpx;
background-color: #1B1713;
display: flex;
align-items: center;
padding: 0 40rpx;
.price-box {
font-weight: 400;
font-size: 25rpx;
color: #999999;
flex: 1;
.peice-val {
font-weight: 500;
font-size: 40rpx;
color: #FF3535;
margin-bottom: 15rpx;
text {
font-size: 26rpx;
}
}
}
.caozuo-box {
display: flex;
align-items: center;
.caozuo-item {
font-weight: 400;
font-size: 20rpx;
color: #999999;
padding: 0 35rpx;
text-align: center;
image {
width: 48rpx;
height: 48rpx;
margin-bottom: 10rpx;
}
}
.border-r {
position: relative;
// border-right: 1px solid #4A3E32;
&::after {
content: "";
width: 2rpx;
height: 47rpx;
position: absolute;
right: 0;
top: 50%;
transform: translate(0,-50%);
background-color: #4A3E32;
}
}
}
.btn-box {
width: 252rpx;
height: 74rpx;
font-weight: 500;
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 74rpx;
background: url(@/static/image/home/hdqd-btn.png) no-repeat;
background-size: 100% 100%;
}
.end-btn {
background: #666666;
border-radius: 37rpx 37rpx 37rpx 37rpx;
}
}
.popup-cont {
width: 95%;
margin: 0 auto;
background-image: linear-gradient(to top, #000000, #331212);
height:662rpx;
border-radius: 33rpx 33rpx 0 0;
.popup-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 54rpx 52rpx;
font-weight: 500;
font-size: 29rpx;
color: #999999;
}
.popup-list {
padding: 0 50rpx;
.list-item {
display: flex;
justify-content: space-between;
align-items: center;
height: 110rpx;
border-bottom: 1px solid #3F3535;
.item-l {
font-weight: 500;
font-size: 29rpx;
color: #CCCCCC;
display: flex;
align-items: center;
.item-l-val {
margin-left: 40rpx;
}
}
.chooose-class {
color: #FF5858;
}
}
}
.confirm-box {
padding: 0 50rpx;
margin-top: 30rpx;
.confirm-btn-box {
}
}
}
</style>

+ 292
- 0
pages_order/lvyou-detail.vue View File

@ -0,0 +1,292 @@
<template>
<view>
<view class="head-box"></view>
<uv-navbar autoBack title="旅行详情" leftIconColor="#fff" :bgColor="bgColor" height="100rpx" :titleStyle="{color:'#fff'}"></uv-navbar>
<view class="content">
<view class="content-head">
<image class="image-box" src="@/static/image/home/img-1.png" mode=""></image>
<view class="msg-box">
<view class="msg-box-title">泰酷辣-清迈治愈之旅</view>
<view class="msg-box-time">开始时间：2024.12.28 10:00</view>
<view class="lingdui-box">
<image class="use-img" src="@/static/image/center/3.png" mode=""></image>
<view class="lingdui-msg">
<view class="lingdui-msg-name">
<view>VTrip微程</view>
<view class="name-tip">领队</view>
</view>
<view>
<uv-rate :count="count" v-model="value" size="23" activeColor="#FFA200"></uv-rate>
</view>
</view>
<view class="add-wx">添加微信</view>
</view>
</view>
</view>
<view class="lv-miaoshu">
<view class="title-box">旅行描述</view>
<view class="value-box">
<view class="tabs-box">
<uv-tabs :list="list" @click="click" lineColor="#FE5E5E" :activeStyle="{color:'#FE5E5E',fontSize:'29rpx',fontWeight: 'bold'}" :inactiveStyle="{color:'#D6D6D6',fontSize:'29rpx',fontWeight: 'bold'}"></uv-tabs>
</view>
<view class="lv-msg-box">
当金黄的落叶轻柔地铺满了小城的每个角落，我们知道，最温柔的季节已悄然而至。在这个收获的季节里，我们诚挚邀请您加入我们的秋日私旅
</view>
</view>
</view>
</view>
<view class="bottom-box">
<view class="price-box">
<view class="peice-val"><text>￥</text>3000</view>
<view>报名费用</view>
</view>
<view class="caozuo-box">
<view class="caozuo-item border-r">
<image src="@/static/image/home/shoucang-icon.png" mode=""></image>
<view>收藏</view>
</view>
<view class="caozuo-item">
<image src="@/static/image/home/zhuanfa-icon.png" mode=""></image>
<view>转发</view>
</view>
</view>
<view class="btn-box">立即报名</view>
</view>
</view>
</template>
<script>
export default{
data() {
return {
bgColor:'transparent',
count:5,
value:3,
list:[
{
name:'介绍'
},
{
name:'路线'
},
{
name:'费用'
},
{
name:'须知'
},
{
name:'代理'
},
]
}
},
onPageScroll(e) {
if(e.scrollTop > 50) {
this.bgColor = '#49070c'
}else{
this.bgColor = 'transparent'
}
},
}
</script>
<style lang="scss">
page {
background-color: #060504;
}
</style>
<style lang="scss" scoped>
.head-box {
background: url('@/static/image/nav-bg.png') no-repeat;
background-size: 100% 100%;
width: 100%;
height: 534rpx;
position: absolute;
z-index: -1;
}
.content {
padding: 0 30rpx 170rpx;
padding-top: calc(var(--status-bar-height) + 110rpx);
.content-head {
position: relative;
.image-box {
width: 100%;
height: 546rpx;
}
.msg-box {
background: #1B1713;
border-radius: 27rpx 27rpx 67rpx 67rpx;
position: absolute;
top: 429rpx;
left: 0;
right: 0;
padding-top: 38rpx;
.msg-box-title {
font-weight: 500;
font-size: 32rpx;
color: #FFFFFF;
margin-bottom: 40rpx;
padding-left: 38rpx;
}
.msg-box-time {
font-weight: 400;
font-size: 27rpx;
color: #999999;
padding-left: 38rpx;
}
.lingdui-box {
margin-top: 43rpx;
height: 130rpx;
background: #26201A;
border-radius: 60rpx;
display: flex;
align-items: center;
padding: 0 40rpx;
.use-img {
width: 86rpx;
height: 86rpx;
}
.lingdui-msg {
flex: 1;
margin-left: 24rpx;
.lingdui-msg-name {
font-weight: 500;
font-size: 29rpx;
color: #E6E6E6;
display: flex;
align-items: center;
margin-bottom: 11rpx;
.name-tip {
padding: 0 20rpx;
height: 27rpx;
background: #3C2D17;
border-radius: 0rpx 12rpx 12rpx 12rpx;
font-weight: 500;
font-size: 19rpx;
color: #FFA200;
line-height: 27rpx;
margin-left: 14rpx;
}
}
}
.add-wx {
width: 172rpx;
height: 51rpx;
background: #3C2D17;
border-radius: 23rpx 23rpx 23rpx 23rpx;
text-align: center;
line-height: 51rpx;
font-weight: 400;
font-size: 25rpx;
color: #FF8A00;
}
}
}
}
.title-box {
font-weight: 500;
font-size: 33rpx;
color: #E6E6E6;
text-align: center;
position: relative;
&::after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
width: 100%;
height: 12rpx;
background: url(@/static/image/home/title-line.png) no-repeat;
background-size: 100% 100%;
}
}
.lv-miaoshu {
margin-top: 250rpx;
.value-box {
background: #1B1713;
border-radius: 27rpx;
margin-top: 35rpx;
.tabs-box {
border-bottom: 1px solid #2D241B;
}
.lv-msg-box {
padding: 20rpx 40rpx;
font-weight: 400;
font-size: 27rpx;
color: #E6E6E6;
line-height: 41rpx;
}
}
}
}
.bottom-box {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 150rpx;
background-color: #1B1713;
display: flex;
align-items: center;
padding: 0 40rpx;
.price-box {
font-weight: 400;
font-size: 25rpx;
color: #999999;
flex: 1;
.peice-val {
font-weight: 500;
font-size: 40rpx;
color: #FF3535;
margin-bottom: 15rpx;
text {
font-size: 26rpx;
}
}
}
.caozuo-box {
display: flex;
align-items: center;
.caozuo-item {
font-weight: 400;
font-size: 20rpx;
color: #999999;
padding: 0 35rpx;
text-align: center;
image {
width: 48rpx;
height: 48rpx;
margin-bottom: 10rpx;
}
}
.border-r {
position: relative;
// border-right: 1px solid #4A3E32;
&::after {
content: "";
width: 2rpx;
height: 47rpx;
position: absolute;
right: 0;
top: 50%;
transform: translate(0,-50%);
background-color: #4A3E32;
}
}
}
.btn-box {
width: 252rpx;
height: 74rpx;
font-weight: 500;
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 74rpx;
background: url(@/static/image/home/hdqd-btn.png) no-repeat;
background-size: 100% 100%;
}
}
</style>

+ 1
- 1
pages_order/orderDetails.vue
File diff suppressed because it is too large
View File


+ 1
- 1
pages_zlx/zlx-form.vue View File

@ -104,7 +104,7 @@
}
.content {
padding: 0 30rpx;
padding-top: calc(var(--status-bar-height) + 100rpx);
padding-top: calc(var(--status-bar-height) + 110rpx);
.user-box {
display: flex;


BIN
static/image/center/nan-icon.png View File

Before After
Width: 38  |  Height: 38  |  Size: 1.3 KiB

BIN
static/image/center/nv-icon.png View File

Before After
Width: 38  |  Height: 38  |  Size: 1.3 KiB

BIN
static/image/center/user-icon-1.png View File

Before After
Width: 54  |  Height: 54  |  Size: 3.0 KiB

BIN
static/image/center/user-icon-2.png View File

Before After
Width: 56  |  Height: 49  |  Size: 2.0 KiB

BIN
static/image/center/user-icon-3.png View File

Before After
Width: 48  |  Height: 51  |  Size: 1.1 KiB

BIN
static/image/center/user-icon-4.png View File

Before After
Width: 47  |  Height: 53  |  Size: 1.3 KiB

BIN
static/image/center/user-icon-5.png View File

Before After
Width: 52  |  Height: 46  |  Size: 2.2 KiB

BIN
static/image/home/address-icon-2.png View File

Before After
Width: 39  |  Height: 42  |  Size: 2.0 KiB

BIN
static/image/home/img-1.png View File

Before After
Width: 1036  |  Height: 819  |  Size: 1.7 MiB

BIN
static/image/home/shoucang-icon.png View File

Before After
Width: 72  |  Height: 69  |  Size: 3.0 KiB

BIN
static/image/home/title-line.png View File

Before After
Width: 975  |  Height: 19  |  Size: 1.3 KiB

BIN
static/image/home/zhuanfa-icon.png View File

Before After
Width: 66  |  Height: 66  |  Size: 1.5 KiB

+ 2
- 2
uni_modules/uv-navbar/components/uv-navbar/props.js View File

@ -67,12 +67,12 @@ export default {
// 左侧返回图标的大小
leftIconSize: {
type: [String, Number],
default: 20
default: 30
},
// 左侧返回图标的颜色
leftIconColor: {
type: String,
default: '#303133'
default: '#fff'
},
// 点击左侧区域(返回图标)，是否自动返回上一页
autoBack: {


Write Preview
Loading…
Cancel
Save