"pages": [ | "pages": [ | ||||
"pages/star/star", | "pages/star/star", | ||||
"pages/index/index", | "pages/index/index", | ||||
"pages/logs/logs" | |||||
"pages/logs/logs", | |||||
"pages/myCenter/myCenter" | |||||
], | ], | ||||
"window": { | "window": { | ||||
"backgroundTextStyle": "light", | "backgroundTextStyle": "light", | ||||
"navigationBarTextStyle": "black" | "navigationBarTextStyle": "black" | ||||
}, | }, | ||||
"style": "v2", | "style": "v2", | ||||
"sitemapLocation": "sitemap.json" | |||||
"sitemapLocation": "sitemap.json", | |||||
"permission": { | |||||
"scope.userLocation": { | |||||
"desc": "你的位置信息将用于小程序位置接口的效果展示" | |||||
} | |||||
} | |||||
} | } |
// pages/component/service/index.js | |||||
const app = getApp() | |||||
Component({ | |||||
/** | |||||
* 组件的属性列表 | |||||
*/ | |||||
properties: { | |||||
}, | |||||
/** | |||||
* 组件的初始数据 | |||||
*/ | |||||
data: { | |||||
imgUrl: app.globalData.urlStatic,//图片路径 | |||||
maskState:false,//遮罩显示状态 | |||||
}, | |||||
/** | |||||
* 组件的方法列表 | |||||
*/ | |||||
methods: { | |||||
maskShow:function(e){//打开遮罩 | |||||
this.setData({ | |||||
maskState: true, | |||||
}) | |||||
}, | |||||
closeService: function (e) {//关闭遮罩 | |||||
this.setData({ | |||||
maskState: false, | |||||
}) | |||||
}, | |||||
newCarConsultation:function(e){//新车咨询 | |||||
console.log("小程序跳转"); | |||||
// wx.navigateToMiniProgram({ | |||||
// appId: 'wx5c64e733d849c3ef', | |||||
// success(res) { | |||||
// // 打开成功 | |||||
// }, | |||||
// complete(res){ | |||||
// console.log(res); | |||||
// } | |||||
// }) | |||||
} | |||||
} | |||||
}) |
{ | |||||
"component": true, | |||||
"usingComponents": {} | |||||
} |
<!--pages/component/service/index.wxml--> | |||||
<view> | |||||
<image class="serviceIcon" bindtap="maskShow" src="{{imgUrl+'/images/service.png'}}"></image> | |||||
<view wx:if="{{maskState}}" class="maskGroup" catchtouchmove="ture"> | |||||
<view class="contentGroup"> | |||||
<view class="tipGroup"> | |||||
<image class="serviceIcon2" src="{{imgUrl+'/images/serviceIcon.png'}}"></image> | |||||
<text class="serviceTip">请选择客服</text> | |||||
</view> | |||||
<view class="btnGroup" bindtap="newCarConsultation"> | |||||
<text class="serviceText">新车咨询</text> | |||||
<image class="serviceArrow" src="{{imgUrl+'/images/serviceArrow.png'}}"></image> | |||||
</view> | |||||
<view class="btnGroup" style="margin-top:30rpx;"> | |||||
<text class="serviceText">活动咨询</text> | |||||
<image class="serviceArrow" src="{{imgUrl+'/images/serviceArrow.png'}}"></image> | |||||
<button style="width:100%;" class="serviceBtn" open-type="contact"></button> | |||||
</view> | |||||
</view> | |||||
<image class="closeService" bindtap="closeService" src="{{imgUrl+'/images/closeService.png'}}"></image> | |||||
</view> | |||||
</view> |
/* pages/component/service/index.wxss */ | |||||
.serviceIcon{ | |||||
display: block; | |||||
width: 93rpx; | |||||
height: 94rpx; | |||||
position: fixed; | |||||
top: 385rpx; | |||||
right: 30rpx; | |||||
} | |||||
.maskGroup{ | |||||
position: fixed; | |||||
left: 0; | |||||
top: 0; | |||||
width: 100%; | |||||
height: 100%; | |||||
background-color: rgba(000, 000, 000, 0.8); | |||||
} | |||||
.contentGroup{ | |||||
position: absolute; | |||||
left: 50%; | |||||
top: 277rpx; | |||||
transform: translateX(-50%); | |||||
width:596rpx; | |||||
height:425rpx; | |||||
background-color: white; | |||||
border-radius: 10rpx; | |||||
} | |||||
.closeService{ | |||||
display: block; | |||||
position: absolute; | |||||
left: 50%; | |||||
top: 740rpx; | |||||
transform: translateX(-50%); | |||||
width: 73rpx; | |||||
height: 73rpx; | |||||
} | |||||
.tipGroup{ | |||||
margin-top: 54rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
} | |||||
.serviceIcon2{ | |||||
display: block; | |||||
width: 42rpx; | |||||
height: 45rpx; | |||||
} | |||||
.serviceTip{ | |||||
color: black; | |||||
font-size:38rpx; | |||||
margin-left: 13rpx; | |||||
} | |||||
.btnGroup{ | |||||
position: relative; | |||||
height: 100rpx; | |||||
width: 530rpx; | |||||
background-color: #005BFF; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
margin: 0 auto; | |||||
border-radius: 10rpx; | |||||
margin-top: 40rpx; | |||||
overflow: hidden; | |||||
} | |||||
.serviceText{ | |||||
font-size: 40rpx; | |||||
line-height: 100rpx; | |||||
color: white; | |||||
} | |||||
.serviceArrow{ | |||||
display: block; | |||||
width: 21rpx; | |||||
height: 37rpx; | |||||
margin-left: 20rpx; | |||||
} | |||||
.serviceBtn{ | |||||
position: absolute; | |||||
left: 0; | |||||
top: 0; | |||||
height: 100%; | |||||
background-color: black; | |||||
margin: 0; | |||||
padding: 0; | |||||
opacity: 0; | |||||
} |
//index.js | //index.js | ||||
//获取应用实例 | //获取应用实例 | ||||
const app = getApp() | const app = getApp() | ||||
Page({ | Page({ | ||||
data: { | data: { | ||||
}, | |||||
//事件处理函数 | |||||
bindViewTap: function() { | |||||
imgUrl: app.globalData.urlStatic,//图片路径 | |||||
phoneInputShow:false,//是否显示电话输入框 | |||||
siteSelect: false,//是否显示位置选择框 | |||||
provinceArr:['广东','上海','河南','河北'],//省 | |||||
provinceValue: 0,//选中的省下标 | |||||
storeArr:['百联超市','全家','喜士多'],//店铺 | |||||
storeValue:0,//选中的店铺下标 | |||||
swiperCurrent:1,//swiper选中的元素下标 | |||||
}, | }, | ||||
onLoad: function () { | onLoad: function () { | ||||
this.getUserLocation();//获取用户当前位置 | |||||
}, | |||||
provinceChane: function (e) {//选中省 | |||||
this.setData({ | |||||
provinceValue: e.detail.value, | |||||
}) | |||||
}, | |||||
storeChane: function (e) {//选中店铺 | |||||
this.setData({ | |||||
storeValue: e.detail.value, | |||||
}) | |||||
}, | |||||
getUserPhone:function(e){//获取用户手机号 | |||||
console.log(e); | |||||
this.setData({ | |||||
phoneInputShow: true, | |||||
}) | |||||
if (e.detail.errMsg=='getPhoneNumber:ok'){ | |||||
console.log('获取到了手机号'); | |||||
} | |||||
}, | |||||
getUserLocation:function(e){ | |||||
wx.getLocation({ | |||||
type: 'gcj02', //wgs84 | |||||
success(res) { | |||||
if (res) { | |||||
console.log(res); | |||||
// this.setData({ | |||||
// siteSelect: true, | |||||
// }) | |||||
} | |||||
} | |||||
}) | |||||
}, | |||||
prevImg(){//上一张图片 | |||||
if (this.data.swiperCurrent>0) { | |||||
this.setData({ | |||||
swiperCurrent: this.data.swiperCurrent-=1, | |||||
}) | |||||
} | |||||
}, | |||||
nextImg() {//下一张图片 | |||||
if (this.data.swiperCurrent < 3) { | |||||
this.setData({ | |||||
swiperCurrent: this.data.swiperCurrent+=1, | |||||
}) | |||||
} | |||||
}, | |||||
swiperChange(e){//通过鼠标滑动改变swiper时 | |||||
if (e.detail.source == "touch"){ | |||||
this.setData({ | |||||
swiperCurrent: e.detail.current, | |||||
}) | |||||
} | |||||
} | } | ||||
}) | }) |
{ | { | ||||
"usingComponents": {} | |||||
"usingComponents": { | |||||
"service": "../component/service/index" | |||||
} | |||||
} | } |
<!--index.wxml--> | <!--index.wxml--> | ||||
<view class="container"> | |||||
首页 | |||||
<view class="all"> | |||||
<view class="main"> | |||||
<!-- <view class="contentFrame"> | |||||
<video class="videoSty" ad-unit-id="" poster-for-crawler="" src="http://static.jiyou-tech.com/2018/327/video/video1212.mp4"></video> | |||||
<view class="swiperFrame"> | |||||
<swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange"> | |||||
<swiper-item><image src="{{imgUrl+'/images/indexBottom.png'}}" style="width:100%;" mode="aspectFill"></image></swiper-item> | |||||
<swiper-item><image src="{{imgUrl+'/images/indexBottom.png'}}" style="width:100%;" mode="aspectFill"></image></swiper-item> | |||||
<swiper-item><image src="{{imgUrl+'/images/indexBottom.png'}}" style="width:100%;" mode="aspectFill"></image></swiper-item> | |||||
<swiper-item><image src="{{imgUrl+'/images/indexBottom.png'}}" style="width:100%;" mode="aspectFill"></image></swiper-item> | |||||
</swiper> | |||||
<image class="leftArrow" bindtap="prevImg" src="{{imgUrl+'/images/leftArrow.png'}}"></image> | |||||
<image class="rightArrow" bindtap="nextImg" src="{{imgUrl+'/images/rightArrow.png'}}"></image> | |||||
</view> | |||||
<image class="indexBottom" src="{{imgUrl+'/images/indexBottom.png'}}"></image> | |||||
</view> --> | |||||
<image src="{{imgUrl+'/images/indexBg.jpg'}}" class='imgBg'></image> | |||||
<view class="msgFrame"> | |||||
<view class="inputGroup"> | |||||
<input class="inputSty" placeholder="姓名"></input> | |||||
<input class="inputSty" type="number" maxlength='11' placeholder="电话"></input> | |||||
<view class="getPhoneFrame" wx:if="{{!phoneInputShow}}"> | |||||
<button class="getPhoneBtn" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> | |||||
</view> | |||||
</view> | |||||
<view wx:if="{{siteSelect}}"> | |||||
<picker mode='selector' range="{{provinceArr}}" value="{{provinceValue}}" bindchange="provinceChane"> | |||||
<view class="selectGroup"> | |||||
<text class="selectName">{{provinceArr[provinceValue]}}</text> | |||||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||||
</view> | |||||
</picker> | |||||
<picker mode='selector' range="{{storeArr}}" value="{{storeValue}}" bindchange="storeChane"> | |||||
<view class="selectGroup"> | |||||
<text class="selectName">{{storeArr[storeValue]}}</text> | |||||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||||
</view> | |||||
</picker> | |||||
</view> | |||||
<view class="subscribeBtn">预约鉴赏</view> | |||||
</view> | |||||
</view> | |||||
<service></service> | |||||
</view> | </view> |
/**index.wxss**/ | /**index.wxss**/ | ||||
image{ | |||||
display: block; | |||||
} | |||||
page{ | |||||
overflow: hidden; | |||||
height: 100% | |||||
} | |||||
.imgBg{ | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 750rpx; | |||||
height: 1356rpx; | |||||
} | |||||
.msgFrame{ | |||||
position: fixed; | |||||
bottom: 0; | |||||
left: 0; | |||||
width:750rpx; | |||||
padding: 0 39rpx; | |||||
padding-top:50rpx; | |||||
padding-bottom: 64rpx; | |||||
background-color: rgba(000, 000, 000, 0.5); | |||||
box-sizing: border-box; | |||||
} | |||||
.inputGroup{ | |||||
position: relative; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
} | |||||
.inputSty{ | |||||
width:333rpx; | |||||
height:55rpx; | |||||
background-color: white; | |||||
border-radius: 10rpx; | |||||
box-sizing: border-box; | |||||
line-height: 55rpx; | |||||
padding: 0 25rpx; | |||||
font-size: 20rpx; | |||||
color: black; | |||||
} | |||||
.getPhoneFrame{ | |||||
position: absolute; | |||||
top:0; | |||||
right:0; | |||||
width:333rpx; | |||||
height:55rpx; | |||||
border-radius: 10rpx; | |||||
overflow: hidden; | |||||
opacity: 0; | |||||
z-index: 2; | |||||
} | |||||
.getPhoneBtn{ | |||||
margin: 0; | |||||
padding: 0; | |||||
height: 100%; | |||||
width: 100%; | |||||
} | |||||
.selectGroup{ | |||||
width:672rpx; | |||||
height:55rpx; | |||||
background-color: white; | |||||
border-radius: 10rpx; | |||||
box-sizing: border-box; | |||||
line-height: 55rpx; | |||||
padding: 0 25rpx; | |||||
font-size: 20rpx; | |||||
margin-top: 18rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
} | |||||
.selectIcon{ | |||||
width: 25rpx; | |||||
height: 15rpx; | |||||
} | |||||
.subscribeBtn{ | |||||
width:672rpx; | |||||
height:54rpx; | |||||
line-height: 54rpx; | |||||
text-align: center; | |||||
background-color: #005EFF; | |||||
color: white; | |||||
font-size: 29rpx; | |||||
margin-top: 18rpx; | |||||
border-radius: 10rpx; | |||||
} | |||||
/* .contentFrame{ | |||||
} */ | |||||
.indexBottom{ | |||||
width: 750rpx; | |||||
height: 353rpx; | |||||
} | |||||
.videoSty{ | |||||
width:750rpx; | |||||
height:530rpx; | |||||
} | |||||
.swiperFrame{ | |||||
position: relative; | |||||
width: 750rpx; | |||||
height: 340rpx; | |||||
} | |||||
.swiperSty{ | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.leftArrow{ | |||||
position: absolute; | |||||
top:50%; | |||||
left: 23rpx; | |||||
width: 28rpx; | |||||
height: 118rpx; | |||||
transform: translateY(-50%); | |||||
} | |||||
.rightArrow{ | |||||
position: absolute; | |||||
width: 27rpx; | |||||
height: 118rpx; | |||||
top:50%; | |||||
right: 23rpx; | |||||
transform: translateY(-50%); | |||||
} |
// pages/myCenter/myCenter.js | |||||
const app = getApp() | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
imgUrl: app.globalData.urlStatic,//图片路径 | |||||
isLogin:true,//登录状态 | |||||
selectNow:0,//现在的选项 | |||||
taskNow:1,//现在的任务类型 | |||||
recordNow: 1,//现在的记录类型 | |||||
taskList: [//任务列表 | |||||
{ name: "双子星LED大灯", bar: 1 }, | |||||
{ name: "双子星LED大灯双子星LED大灯", bar: 2 }, | |||||
{ name: "双子星LED大灯", bar: 3 }, | |||||
{ name: "双子星LED大灯", bar: 4 }, | |||||
{ name: "双子星LED大灯", bar: 4 }, | |||||
{ name: "双子星LED大灯", bar: 4 }, | |||||
{ name: "双子星LED大灯", bar: 4 }, | |||||
] | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
onLoad: function (options) { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面初次渲染完成 | |||||
*/ | |||||
onReady: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面显示 | |||||
*/ | |||||
onShow: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面隐藏 | |||||
*/ | |||||
onHide: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面卸载 | |||||
*/ | |||||
onUnload: function () { | |||||
}, | |||||
/** | |||||
* 页面相关事件处理函数--监听用户下拉动作 | |||||
*/ | |||||
onPullDownRefresh: function () { | |||||
}, | |||||
/** | |||||
* 页面上拉触底事件的处理函数 | |||||
*/ | |||||
onReachBottom: function () { | |||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
}, | |||||
selectChange:function(e){ | |||||
this.setData({ | |||||
selectNow: e.currentTarget.dataset.value | |||||
}) | |||||
}, | |||||
selectTask: function (e) { | |||||
this.setData({ | |||||
taskNow: e.currentTarget.dataset.type | |||||
}) | |||||
}, | |||||
selectRecord: function (e) { | |||||
this.setData({ | |||||
recordNow: e.currentTarget.dataset.type | |||||
}) | |||||
}, | |||||
}) |
{ | |||||
"usingComponents": { | |||||
"service": "../component/service/index" | |||||
} | |||||
} |
<!--pages/myCenter/myCenter.wxml--> | |||||
<view> | |||||
<view class="main"> | |||||
<view class="msgGroup" wx:if="{{!isLogin}}"> | |||||
<view class="pageTitle">个人中心</view> | |||||
<view class="headGroup"> | |||||
<image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="loginBtn">微信一键登录</view> | |||||
</view> | |||||
<view class="userMsg" wx:if="{{isLogin}}"> | |||||
<image class="userMsgBg" src="{{imgUrl+'/images/userMsgBg.png'}}"></image> | |||||
<view class="pageTitle">个人中心</view> | |||||
<view class="headGroup" style="margin-bottom:11rpx;"> | |||||
<image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="userNameGroup"> | |||||
<view class="userName">啦啦啦</view> | |||||
<image class="userNameEdit" src="{{imgUrl+'/images/userNameEdit.png'}}"></image> | |||||
</view> | |||||
<!-- <view class="userLevel"> | |||||
<image class="userLevelIcon" src="{{imgUrl+'/images/userLevelIcon.png'}}"></image> | |||||
<view class="userLevelTip">您的级别为</view> | |||||
<image class="userLevelText" src="{{imgUrl+'/images/userLevelText.png'}}"></image> | |||||
<view class="lookRule">星探规则</view> | |||||
</view> --> | |||||
<view class="userLevel"> | |||||
<image class="userWaitIcon" src="{{imgUrl+'/images/userWaitIcon.png'}}"></image> | |||||
<view class="userWaitText">您的星探待激活</view> | |||||
<view class="lookRule">星探规则</view> | |||||
</view> | |||||
</view> | |||||
<view class="funList"> | |||||
<image class="funBg" src="{{imgUrl+'/images/funBg.png'}}"></image> | |||||
<view bindtap="selectChange" data-value="1" class="selectGroup" style="border-color:{{selectNow==1?'#667ea3':'#7A797E'}}"> | |||||
<view wx:if="{{selectNow==1}}" class="arrowIcon"></view> | |||||
<view class="imgFrame"> | |||||
<image class="taskIcon" src="{{selectNow==1?imgUrl+'/images/taskIcon2.png':imgUrl+'/images/taskIcon.png'}}"></image> | |||||
</view> | |||||
<view class="selectText" style="color:{{selectNow==1?'#667ea3':'black'}}">我的任务</view> | |||||
</view> | |||||
<view bindtap="selectChange" data-value="2" class="selectGroup" style="border-color:{{selectNow==2?'#667ea3':'#7A797E'}}"> | |||||
<view wx:if="{{selectNow==2}}" class="arrowIcon"></view> | |||||
<view class="imgFrame"> | |||||
<image class="recordIcon" src="{{selectNow==2?imgUrl+'/images/recordIcon2.png':imgUrl+'/images/recordIcon.png'}}"></image> | |||||
</view> | |||||
<view class="selectText" style="color:{{selectNow==2?'#667ea3':'black'}}">获奖记录</view> | |||||
</view> | |||||
<view bindtap="selectChange" data-value="3" class="selectGroup" style="border-color:{{selectNow==3?'#667ea3':'#7A797E'}}"> | |||||
<view wx:if="{{selectNow==3}}" class="arrowIcon"></view> | |||||
<view class="imgFrame"> | |||||
<image class="detachmentIcon" src="{{selectNow==3?imgUrl+'/images/detachmentIcon2.png':imgUrl+'/images/detachmentIcon.png'}}"></image> | |||||
</view> | |||||
<view class="selectText" style="color:{{selectNow==3?'#667ea3':'black'}}">星探小分队</view> | |||||
</view> | |||||
<view bindtap="selectChange" data-value="4" class="selectGroup" style="border-color:{{selectNow==4?'#667ea3':'#7A797E'}}"> | |||||
<view wx:if="{{selectNow==4}}" class="arrowIcon"></view> | |||||
<view class="imgFrame"> | |||||
<image class="appreciateIcon" src="{{selectNow==4?imgUrl+'/images/appreciateIcon2.png':imgUrl+'/images/appreciateIcon.png'}}"></image> | |||||
</view> | |||||
<view class="selectText" style="color:{{selectNow==4?'#667ea3':'black'}}">预约鉴赏</view> | |||||
</view> | |||||
</view> | |||||
<image wx:if="{{selectNow<1 || selectNow>4}}" class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image> | |||||
<view class="taskGroup" wx:if="{{selectNow==1}}"> | |||||
<view class="taskSelect"> | |||||
<view bindtap="selectTask" data-type='1' class="taskText {{taskNow==1?'taskText2':''}}">每日任务</view> | |||||
<view bindtap="selectTask" data-type='2' class="taskText {{taskNow==2?'taskText2':''}}">限时任务</view> | |||||
</view> | |||||
<view class="taskDetailFrame"> | |||||
<view class="taskDetailGroup" wx:for="{{taskList}}" wx:key="id"> | |||||
<view class="taskName">{{item.name}}</view> | |||||
<view style="margin-top:12rpx;"> | |||||
<view class="taskLineFrame"> | |||||
<view class="taskLine" style="width:{{(item.bar*25)+'%'}}"></view> | |||||
</view> | |||||
<view class="taskSignGroup"> | |||||
<image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image> | |||||
<image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image> | |||||
<image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image> | |||||
<image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image> | |||||
</view> | |||||
</view> | |||||
<view wx:if="{{item.bar==4}}" class="taskSuccessBtn">已完成</view> | |||||
<view wx:if="{{item.bar!=4}}" class="taskWaitBtn">未完成</view> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<view class="taskGroup" wx:if="{{selectNow==2}}"> | |||||
<view class="taskSelect"> | |||||
<view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">星探奖励</view> | |||||
<view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view> | |||||
<view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">幸运星抓手奖品</view> | |||||
</view> | |||||
<view class="recordGroup"> | |||||
<view class="recordGroupLeft"> | |||||
<view class="recordHeadGroup"> | |||||
<image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="recordMainGroup"> | |||||
<view class="rewardName">头等舱机票一张</view> | |||||
<view class="rewardTerm">2020.04.05</view> | |||||
</view> | |||||
</view> | |||||
<view class="recordPic"> | |||||
<image class="recordTip" src="{{imgUrl+'/images/recordTip.png'}}"></image> | |||||
<image class="rewardIcon" src="{{imgUrl+'/images/jiangpin.png'}}"></image> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<view wx:if="{{selectNow==3}}"> | |||||
<view class="detachmentGroup"> | |||||
<view class="detachmentGroupLeft"> | |||||
<view class="recordHeadGroup"> | |||||
<image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="ranksName">忘却东风</view> | |||||
</view> | |||||
<view class="ranksName">2020.03.01</view> | |||||
<view class="ranksState ranksType1">推荐已购车</view> | |||||
</view> | |||||
<view class="detachmentGroup"> | |||||
<view class="detachmentGroupLeft"> | |||||
<view class="recordHeadGroup"> | |||||
<image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="ranksName">忘却东风</view> | |||||
</view> | |||||
<view class="ranksName">2020.03.01</view> | |||||
<view class="ranksState ranksType2">推荐已购车</view> | |||||
</view> | |||||
<view class="detachmentGroup"> | |||||
<view class="detachmentGroupLeft"> | |||||
<view class="recordHeadGroup"> | |||||
<image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||||
</view> | |||||
<view class="ranksName">忘却东风</view> | |||||
</view> | |||||
<view class="ranksName">2020.03.01</view> | |||||
<view class="ranksState ranksType3">推荐已购车</view> | |||||
</view> | |||||
</view> | |||||
<view wx:if="{{selectNow==4}}"> | |||||
</view> | |||||
</view> | |||||
<service></service> | |||||
</view> |
/* pages/myCenter/myCenter.wxss */ | |||||
image{ | |||||
display: block; | |||||
} | |||||
.msgGroup{ | |||||
padding-top: 108rpx; | |||||
margin-bottom: 111rpx; | |||||
} | |||||
.pageTitle{ | |||||
text-align: center; | |||||
font-size:35rpx; | |||||
margin-bottom: 28rpx; | |||||
font-weight: bold; | |||||
} | |||||
.headGroup{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
width: 161rpx; | |||||
height: 161rpx; | |||||
border-radius: 50%; | |||||
margin: 0 auto; | |||||
margin-bottom: 27rpx; | |||||
overflow: hidden; | |||||
} | |||||
.defaultHead{ | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.loginBtn{ | |||||
margin: 0 auto; | |||||
width:307rpx; | |||||
height:49rpx; | |||||
background-color: #005CFE; | |||||
border-radius: 10rpx; | |||||
text-align: center; | |||||
font-size: 25rpx; | |||||
color: white; | |||||
line-height: 49rpx; | |||||
} | |||||
.funList{ | |||||
position: relative; | |||||
width: 750rpx; | |||||
height: 233rpx; | |||||
padding: 0 72rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
box-sizing: border-box; | |||||
} | |||||
.funBg{ | |||||
position: absolute; | |||||
left: 0; | |||||
top: 0; | |||||
width: 750rpx; | |||||
height: 233rpx; | |||||
z-index: -1; | |||||
} | |||||
.selectGroup{ | |||||
position: relative; | |||||
width:137rpx; | |||||
height:137rpx; | |||||
border: 1rpx solid #7A797E; | |||||
border-radius: 10rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
flex-direction: column; | |||||
} | |||||
.taskIcon{ | |||||
width: 42rpx; | |||||
height: 38rpx; | |||||
margin-bottom: 8rpx; | |||||
} | |||||
.recordIcon{ | |||||
width: 38rpx; | |||||
height: 43rpx; | |||||
margin-bottom: 8rpx; | |||||
} | |||||
.detachmentIcon{ | |||||
width: 44rpx; | |||||
height: 40rpx; | |||||
margin-bottom: 8rpx; | |||||
} | |||||
.appreciateIcon{ | |||||
width: 62rpx; | |||||
height: 26rpx; | |||||
margin-bottom: 8rpx; | |||||
} | |||||
.selectText{ | |||||
font-size: 20rpx; | |||||
} | |||||
.imgFrame{ | |||||
width:65rpx; | |||||
height: 45rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
} | |||||
.myCenterBotBg{ | |||||
width: 750rpx; | |||||
} | |||||
.taskSelect{ | |||||
padding:0 72rpx; | |||||
box-sizing: border-box; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
margin-top: 23rpx; | |||||
} | |||||
.taskText{ | |||||
width:256rpx; | |||||
height:41rpx; | |||||
text-align: center; | |||||
line-height: 41rpx; | |||||
font-size:21rpx; | |||||
border-radius: 10rpx; | |||||
border: 1rpx solid #4777D6; | |||||
color: black; | |||||
} | |||||
.taskText2{ | |||||
background-color: #005CFE; | |||||
color:white; | |||||
} | |||||
.taskDetailGroup{ | |||||
padding:0 72rpx; | |||||
box-sizing: border-box; | |||||
padding-bottom: 40rpx; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
} | |||||
.taskName{ | |||||
width: 150rpx; | |||||
font-size: 20rpx; | |||||
line-height: 24rpx; | |||||
text-align: center; | |||||
} | |||||
.taskSuccessBtn{ | |||||
width:98rpx; | |||||
height:40rpx; | |||||
text-align: center; | |||||
color: white; | |||||
font-size: 20rpx; | |||||
line-height:40rpx; | |||||
background-color: #005AFD; | |||||
border-radius: 20rpx; | |||||
} | |||||
.taskWaitBtn{ | |||||
width:98rpx; | |||||
height:40rpx; | |||||
text-align: center; | |||||
color: #605E5C; | |||||
font-size: 20rpx; | |||||
line-height:40rpx; | |||||
background-color:white; | |||||
border-radius: 20rpx; | |||||
border: 1rpx solid #425EAB; | |||||
box-sizing: border-box; | |||||
} | |||||
.taskLineFrame{ | |||||
position: relative; | |||||
width:325rpx; | |||||
height:15rpx; | |||||
box-sizing: border-box; | |||||
border: 1rpx solid #CBC8CB; | |||||
border-radius: 20rpx; | |||||
overflow: hidden; | |||||
} | |||||
.taskLine{ | |||||
height:15rpx; | |||||
width:0; | |||||
background-color: #0260FF; | |||||
border-radius: 20rpx; | |||||
} | |||||
.taskSignIcon{ | |||||
width: 12rpx; | |||||
height: 12rpx; | |||||
margin-left: 55.4rpx; | |||||
margin-top: 5rpx; | |||||
} | |||||
.taskSignGroup{ | |||||
display: flex; | |||||
} | |||||
.taskDetailFrame{ | |||||
margin-top: 40rpx; | |||||
width: 750rpx; | |||||
height: 200rpx; | |||||
overflow-y: auto; | |||||
} | |||||
.recordText{ | |||||
width: 187rpx; | |||||
} | |||||
.recordPic{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
.recordTip{ | |||||
width: 41rpx; | |||||
height: 41rpx; | |||||
margin-right: 15rpx; | |||||
} | |||||
.rewardIcon{ | |||||
width: 163rpx; | |||||
height: 69rpx; | |||||
} | |||||
.recordHeadGroup{ | |||||
width: 90rpx; | |||||
height: 90rpx; | |||||
overflow: hidden; | |||||
border-radius: 50%; | |||||
margin-right: 25rpx; | |||||
} | |||||
.recordUserImg{ | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.recordGroup{ | |||||
padding: 30rpx 72rpx; | |||||
box-sizing: border-box; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
border-bottom: 1rpx solid #D4D4D6; | |||||
} | |||||
.recordGroupLeft{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
.rewardName{ | |||||
font-size: 30rpx; | |||||
font-weight: bold; | |||||
} | |||||
.rewardTerm{ | |||||
font-size: 22rpx; | |||||
font-weight: bold; | |||||
} | |||||
.detachmentGroup{ | |||||
padding: 30rpx 72rpx; | |||||
box-sizing: border-box; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
} | |||||
.detachmentGroupLeft{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
.ranksName{ | |||||
font-size: 20rpx; | |||||
} | |||||
.ranksState{ | |||||
width:175rpx; | |||||
height:44rpx; | |||||
box-sizing: border-box; | |||||
border-radius: 10rpx; | |||||
font-size: 25rpx; | |||||
line-height: 44rpx; | |||||
text-align: center; | |||||
} | |||||
.ranksType1{ | |||||
color: #FE820C; | |||||
border: 1rpx solid #FE820C; | |||||
} | |||||
.ranksType2{ | |||||
color: black; | |||||
border: 1rpx solid #658DE9; | |||||
} | |||||
.ranksType3{ | |||||
color: black; | |||||
border: 1rpx solid black; | |||||
} | |||||
.userMsg{ | |||||
padding-top: 108rpx; | |||||
position: relative; | |||||
} | |||||
.userNameGroup{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
height: 30rpx; | |||||
margin-bottom: 44rpx; | |||||
} | |||||
.userName{ | |||||
font-weight: bold; | |||||
font-size: 30rpx; | |||||
color: black; | |||||
} | |||||
.userNameEdit{ | |||||
width: 27rpx; | |||||
height: 27rpx; | |||||
margin-left: 10rpx; | |||||
} | |||||
.userMsgBg{ | |||||
position: absolute; | |||||
left: 0; | |||||
top: 0; | |||||
width: 750rpx; | |||||
height: 421rpx; | |||||
z-index: -1; | |||||
} | |||||
.userLevel{ | |||||
width: 750rpx; | |||||
padding-top: 36rpx; | |||||
padding-bottom: 27rpx; | |||||
display: flex; | |||||
flex-direction: column; | |||||
align-items: center; | |||||
} | |||||
.userLevelIcon{ | |||||
width: 76rpx; | |||||
height: 60rpx; | |||||
} | |||||
.userLevelTip{ | |||||
font-size: 21rpx; | |||||
margin-top: 32rpx; | |||||
margin-bottom: 11rpx; | |||||
} | |||||
.userLevelText{ | |||||
width: 352rpx; | |||||
height: 75rpx; | |||||
} | |||||
.lookRule{ | |||||
margin-top: 27rpx; | |||||
width:368rpx; | |||||
height:57rpx; | |||||
border-radius: 10rpx; | |||||
background-color: #0060FE; | |||||
text-align: center; | |||||
line-height: 57rpx; | |||||
font-size: 29rpx; | |||||
color:white; | |||||
} | |||||
.userWaitIcon{ | |||||
width:48rpx; | |||||
height: 59rpx; | |||||
} | |||||
.userWaitText{ | |||||
margin-top: 36rpx; | |||||
font-size: 55rpx; | |||||
font-weight: bold; | |||||
margin-bottom: 50rpx; | |||||
} | |||||
.arrowIcon{ | |||||
border-left: 10rpx solid transparent; | |||||
border-right: 10rpx solid transparent; | |||||
border-top: 10rpx solid #0066F9; | |||||
content: ""; | |||||
/* position: relative; */ | |||||
width: 0; | |||||
position: absolute; | |||||
top: 143rpx; | |||||
} |
"ignore": [] | "ignore": [] | ||||
}, | }, | ||||
"setting": { | "setting": { | ||||
"urlCheck": true, | |||||
"urlCheck": false, | |||||
"es6": true, | "es6": true, | ||||
"postcss": true, | "postcss": true, | ||||
"minified": true, | "minified": true, | ||||
}, | }, | ||||
"miniprogram": { | "miniprogram": { | ||||
"current": -1, | "current": -1, | ||||
"list": [] | |||||
"list": [ | |||||
{ | |||||
"id": -1, | |||||
"name": "启辰星", | |||||
"pathName": "pages/index/index", | |||||
"query": "" | |||||
}, | |||||
{ | |||||
"id": -1, | |||||
"name": "个人中心", | |||||
"pathName": "pages/myCenter/myCenter", | |||||
"query": "" | |||||
} | |||||
] | |||||
} | } | ||||
} | } | ||||
} | } |