chenming
/
496_dongfengqichen_wxsmall
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

新增 客服组件，首页，个人中心页

guessPrice
sui vor 5 Jahren
Ursprung
ac25d0cfe7
Commit
b09208d264
14 geänderte Dateien mit 1014 neuen und 14 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. +8
    -2
      496_dongfengqichen/app.json
  2. +46
    -0
      496_dongfengqichen/pages/component/service/index.js
  3. +4
    -0
      496_dongfengqichen/pages/component/service/index.json
  4. +22
    -0
      496_dongfengqichen/pages/component/service/index.wxml
  5. +86
    -0
      496_dongfengqichen/pages/component/service/index.wxss
  6. +62
    -7
      496_dongfengqichen/pages/index/index.js
  7. +3
    -1
      496_dongfengqichen/pages/index/index.json
  8. +43
    -2
      496_dongfengqichen/pages/index/index.wxml
  9. +124
    -0
      496_dongfengqichen/pages/index/index.wxss
  10. +95
    -0
      496_dongfengqichen/pages/myCenter/myCenter.js
  11. +5
    -0
      496_dongfengqichen/pages/myCenter/myCenter.json
  12. +148
    -0
      496_dongfengqichen/pages/myCenter/myCenter.wxml
  13. +353
    -0
      496_dongfengqichen/pages/myCenter/myCenter.wxss
  14. +15
    -2
      496_dongfengqichen/project.config.json

+ 8
- 2
496_dongfengqichen/app.json Datei anzeigen

@@ -2,7 +2,8 @@
"pages": [
"pages/star/star",
"pages/index/index",
"pages/logs/logs"
"pages/logs/logs",
"pages/myCenter/myCenter"
],
"window": {
"backgroundTextStyle": "light",
@@ -11,5 +12,10 @@
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
"sitemapLocation": "sitemap.json",
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
}

+ 46
- 0
496_dongfengqichen/pages/component/service/index.js Datei anzeigen

@@ -0,0 +1,46 @@
// 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);
// }
// })
}
}
})

+ 4
- 0
496_dongfengqichen/pages/component/service/index.json Datei anzeigen

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

+ 22
- 0
496_dongfengqichen/pages/component/service/index.wxml Datei anzeigen

@@ -0,0 +1,22 @@
<!--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>

+ 86
- 0
496_dongfengqichen/pages/component/service/index.wxss Datei anzeigen

@@ -0,0 +1,86 @@
/* 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;
}

+ 62
- 7
496_dongfengqichen/pages/index/index.js Datei anzeigen

@@ -1,16 +1,71 @@
//index.js
//获取应用实例
const app = getApp()

Page({
data: {

},
//事件处理函数
bindViewTap: function() {
imgUrl: app.globalData.urlStatic,//图片路径
phoneInputShow:false,//是否显示电话输入框
siteSelect: false,//是否显示位置选择框
provinceArr:['广东','上海','河南','河北'],//省
provinceValue: 0,//选中的省下标
storeArr:['百联超市','全家','喜士多'],//店铺
storeValue:0,//选中的店铺下标
swiperCurrent:1,//swiper选中的元素下标
},
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,
})
}
}
})

+ 3
- 1
496_dongfengqichen/pages/index/index.json Datei anzeigen

@@ -1,3 +1,5 @@
{
"usingComponents": {}
"usingComponents": {
"service": "../component/service/index"
}
}

+ 43
- 2
496_dongfengqichen/pages/index/index.wxml Datei anzeigen

@@ -1,4 +1,45 @@
<!--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>

+ 124
- 0
496_dongfengqichen/pages/index/index.wxss Datei anzeigen

@@ -1 +1,125 @@
/**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%);
}

+ 95
- 0
496_dongfengqichen/pages/myCenter/myCenter.js Datei anzeigen

@@ -0,0 +1,95 @@
// 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
})
},
})

+ 5
- 0
496_dongfengqichen/pages/myCenter/myCenter.json Datei anzeigen

@@ -0,0 +1,5 @@
{
"usingComponents": {
"service": "../component/service/index"
}
}

+ 148
- 0
496_dongfengqichen/pages/myCenter/myCenter.wxml Datei anzeigen

@@ -0,0 +1,148 @@
<!--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>

+ 353
- 0
496_dongfengqichen/pages/myCenter/myCenter.wxss Datei anzeigen

@@ -0,0 +1,353 @@
/* 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;
}

+ 15
- 2
496_dongfengqichen/project.config.json Datei anzeigen

@@ -4,7 +4,7 @@
"ignore": []
},
"setting": {
"urlCheck": true,
"urlCheck": false,
"es6": true,
"postcss": true,
"minified": true,
@@ -47,7 +47,20 @@
},
"miniprogram": {
"current": -1,
"list": []
"list": [
{
"id": -1,
"name": "启辰星",
"pathName": "pages/index/index",
"query": ""
},
{
"id": -1,
"name": "个人中心",
"pathName": "pages/myCenter/myCenter",
"query": ""
}
]
}
}
}

Verfassen Vorschau
Laden…
Abbrechen
Speichern