修改 秒杀商品列表价格

project.config.json

@@ -29,7 +29,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 4,
+			"current": 5,
 			"list": [
 				{
 					"id": 0,
@@ -65,6 +65,12 @@
 					"pathName": "pages/item/espier-detail",
 					"query": "",
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/vip/vipgrades",
+					"pathName": "pages/vip/vipgrades",
+					"scene": null
 				}
 			]
 		}

src/app.js

@@ -107,7 +107,9 @@ class App extends Component {
       'pages/trade/refund-sendback',
       'pages/trade/invoice-list',
 
-      'pages/protocol/privacy'
+			'pages/protocol/privacy',
+			
+			'pages/vip/vipgrades'
     ],
     permission: {
       "scope.userLocation": {

src/pages/item/seckill-goods-list.js

@@ -80,7 +80,7 @@ export default class SeckillGoodsList extends Component {
       item_id: 'item_id',
       title: 'itemName',
       desc: 'brief',
-      price: ({ price }) => (price/100).toFixed(2),
+      price: ({ activity_price }) => (activity_price/100).toFixed(2),
       market_price: ({ market_price }) => (market_price/100).toFixed(2)
     })
 

src/pages/member/index.js

@@ -221,11 +221,11 @@ export default class MemberIndex extends Component {
             { <View className="icon-arrowRight"></View> }
           </View>
           {
-            <View className="member-card {{vipgrade.is_open || !vipgrade.is_open && vipgrade.is_vip ? 'opened' : ''}}">
+            /*<View className="member-card {{vipgrade.is_open || !vipgrade.is_open && vipgrade.is_vip ? 'opened' : ''}}">
               {
                 vipgrade.is_open && !vipgrade.is_vip
                 && (
-                  <Navigator url="vipgrades" className="vip-btn">
+                  <Navigator url="/pages/vip/vipgrades" className="vip-btn">
                     <Text className="icon-crown"></Text> 开通VIP会员
                   </Navigator>
                 )
@@ -257,7 +257,7 @@ export default class MemberIndex extends Component {
               {
                 vipgrade.is_open && !vipgrade.is_vip && (<Image className="member-info-bg" src={gradeInfo.background_pic_url} />)
               }
-            </View>
+            </View>*/
           }
           <View className="section section-card order-box">
             <View className="section-title no-foot-padded view-flex view-flex-middle">

src/pages/vip/vipgrades.js

@@ -0,0 +1,50 @@
+import Taro, { Component } from '@tarojs/taro'
+import { View, Text,Image } from '@tarojs/components'
+import { NavBar } from '@/components'
+
+import './vipgrades.scss'
+
+export default class VipIndex extends Component {
+  constructor (props) {
+    super(props)
+
+    this.state = {
+      userInfo:null
+    }
+  }
+
+  componentDidShow = () => {}
+
+	componentDidMount () {
+		const userInfo = Taro.getStorageSync('userinfo')
+		this.setState({
+			userInfo
+		})
+		
+	}
+	
+	render () {
+		const { userInfo } = this.state
+		return (
+			<View>
+				<NavBar
+						title='会员购买'
+						leftIconType='chevron-left'
+						fixed='true'
+        />
+				<View className='header'>
+					<View className='header-isauth'>
+						<Image className='header-isauth__avatar' src={userInfo.avatar} mode='aspectFill'/>
+						<View className='header-isauth__info'>
+							<View className='nickname'>{userInfo.nickName} 
+								<Image  className='icon-vip' src='/assets/imgs/svip.png' />
+							</View>
+							<View className='mcode'>{uservip.endDate} 到期，购买后有效期将延续</View>
+						</View>
+					</View>
+				</View>
+			</View>
+		)
+	}
+
+}

src/pages/vip/vipgrades.scss

@@ -0,0 +1,125 @@
+	
+	.header {
+    position: relative;
+    padding: 30rpx 30rpx 10rpx 30rpx;
+    background: #2f3030;
+		color: #ffffff;
+		.header-isauth{
+			display: flex;
+			align-items: center;
+			padding: 20px;
+			&__avatar{
+				width: 100rpx;
+				height: 100rpx;
+				line-height: 100rpx;
+				border-radius: 50%;
+				background: #e4e2d0;
+				color: #fff;
+				font-size: 80rpx;
+				text-align: center;
+			}
+			&__info{
+				padding-left: 26rpx;
+				.mcode {
+					font-size: 24rpx;
+					color: #999;
+				}
+				.nickname {
+					font-size: 32rpx;
+					margin-bottom: 5rpx;
+				}
+			}
+		}
+    .member-acount {
+      padding: 5rpx 10rpx;
+      margin-right: 10rpx;
+      border: 1px solid #ccc;
+      border-radius: 60rpx;
+      font-size: 22rpx;
+      line-height: 1;
+      color: #ccc;
+    }
+    .icon-forward {
+      color: #ccc;
+    }
+    .icon-vip {
+      display: inline-block;
+      width: 32rpx;
+      height: 32rpx;
+      vertical-align: middle;
+    }
+    .tabs {
+      position: relative;
+      box-shadow: none;
+      background: transparent;
+
+      .tabs-item {
+        color: #7a7867;
+        &.active {
+          color: #fca280;
+        }
+      }
+      .tabbar::after {
+        background: #fca280;
+      }
+    }
+    .authorized-btn {
+      position: relative;
+      border-radius: 50rpx;
+      background: linear-gradient(to right, #f4d09e, #e8bd7f);
+      vertical-align: middle;
+      line-height: 40rpx;
+      padding: 0 20rpx;
+      color: #6f3c09;
+      z-index: 10;
+      margin-left: 10rpx;
+      &::after {
+        content: none;
+      }
+    }
+  }
+
+  .grade-list {
+    display: flex;
+    padding: 30rpx 0;
+    .grade-item {
+      flex: 1;
+      padding: 0 10rpx;
+      .item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 240rpx;
+        border: 1px solid #f8f8f8;
+        border-radius: 10rpx;
+        .desc {
+          font-size: 30rpx;
+          color: #555;
+          font-weight: 500;
+        }
+        .amount {
+          font-family: "Helvetica Neue";
+          font-weight: 800;
+          font-size: 55rpx;
+          color: #b86c53;
+          letter-spacing: 0;
+        }
+      }
+      &.active {
+        .item-content {
+          border-color: #e4dad2;
+          background: #fffff2;
+        }
+      }
+    }
+  }
+  .pay-btn {
+    margin-bottom: 20rpx;
+    background: linear-gradient(to right, #f4d09e, #e8bd7f);
+    color: #6f3c09;
+    line-height: 80rpx;
+    border-radius: 10rpx;
+    z-index: 10;
+    font-size: 30rpx;
+  }