页面分包

project.config.json

@@ -12,7 +12,8 @@
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
-    }
+    },
+    "minifyWXSS": true
   },
   "compileType": "miniprogram",
   "libVersion": "2.26.0",

project.private.config.json

@@ -2,7 +2,7 @@
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "projectname": "%E9%B1%BC%E5%B8%82",
   "setting": {
-    "compileHotReLoad": true
+    "compileHotReLoad": false
   },
   "libVersion": "3.6.4",
   "condition": {

src/app.config.js

@@ -3,26 +3,35 @@ export default defineAppConfig({
   pages: [
     'pages/index/index',
     'pages/member/index',
-    "pages/mine/index",
-    "pages/seckillIndex/index",
-    "pages/productDetail/index",
-    "pages/storeManagement/index",
-    "pages/productManagement/index",
-    "pages/productClassify/index",
-    "pages/earningsDetail/index",
-    "pages/earningsOrder/index",
-    "pages/infoEdit/index",
-    "pages/userSpecification/index",
-    "pages/cashOut/index",
-    "pages/cashOutRecord/index",
-    "pages/statementRecords/index",
-    "pages/Alipay/index"
+    "pages/mine/index"
   ],
   subpackages: [
     {
-      root: "pages/productSub",
+      root: "pages/indexSub",
       pages: [
-        "infoEdit/index"
+        "productDetail/index",
+        "seckillIndex/index"
+      ]
+    },
+    {
+      root: "pages/memberSub",
+      pages: [
+        "storeManagement/index",
+        "productManagement/index",
+        "productClassify/index",
+        "earningsDetail/index",
+        "earningsOrder/index",
+        "cashOut/index",
+        "cashOutRecord/index",
+        "statementRecords/index",
+        "Alipay/index"
+      ]
+    },
+    {
+      root: "pages/mineSub",
+      pages: [
+        "infoEdit/index",
+        "userSpecification/index",
       ]
     },
   ],

src/components/ProductCard/index.jsx

@@ -1,9 +1,10 @@
 import { View, Text, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro'
 import './index.less'
 
 const ProductCard = ({ product }) => {
   return (
-    <View className='product-card'>
+    <View onClick={() => Taro.navigateTo({ url: `/pages/indexSub/productDetail/index?id=${product.id}` })} className='product-card'>
       <Image className='product-img' src={product.imageUrl} mode='widthFix' />
       <View className='product-content'>
         <Text className='title'>{product.name}</Text>

src/components/index/OperationArea/index.jsx

@@ -32,7 +32,7 @@ const OperationArea = () => {
   const handleNavigate = (type) => {
     if (type === 'seckill') {
       Taro.navigateTo({
-        url: '/pages/seckillIndex/index'
+        url: '/pages/indexSub/seckillIndex/index'
       });
     } else if (type === 'highCommission') {
 

src/components/index/ProductList/index.jsx

@@ -11,6 +11,7 @@ const ProductList = (props) => {
   const { isSeckill } = props; //是否是秒杀产品引用
   const { isManagement } = props; //是否是管理产品引用
   const { isManagementStatus } = props; //是否是管理状态引用
+  const { isProductClassify } = props; //是否是分类产品引用
   const { isSelectAll } = props; //是否是全选
   const [selectedProducts, setSelectedProducts] = useState([]); // 管理选中的商品列表
   // 模拟商品数据
@@ -50,9 +51,11 @@ const ProductList = (props) => {
   const toDetail = (id) => {
     if (isManagementStatus) {
       selectProduct(id);
+    } else if (isProductClassify) {
+      return;
     } else {
       Taro.navigateTo({
-        url: `/pages/productDetail/index?id=${id}`,
+        url: `/pages/indexSub/productDetail/index?id=${id}`,
       });
     }
   };

src/components/index/RecommendList/index.jsx

@@ -1,6 +1,7 @@
 import { View, Text, Swiper, SwiperItem, Image } from "@tarojs/components";
 import recommendBg1 from '../../../images/index/recommend-bg1.png'
 import recommendBg2 from '../../../images/index/recommend-bg2.png'
+import Taro from '@tarojs/taro'
 import "./index.less";
 
 const RecommendList = () => {
@@ -73,7 +74,7 @@ const RecommendList = () => {
           <SwiperItem key={groupIndex} className="swiper-item">
             <View className="product-group">
               {group.map(product => (
-                <View key={product.id} className="product-item">
+                <View onClick={() => Taro.navigateTo({ url: `/pages/indexSub/productDetail/index?id=${product.id}` })} key={product.id} className="product-item">
                   <Image className="product-img" src={product.image} mode="aspectFill" />
                   <Text className="product-name">{product.name}</Text>
                   <View className="price-info">

src/pages/index/index.jsx

@@ -147,6 +147,7 @@ export default class Index extends Component {
         <View className="float-buttons">
           <View
             className="float-btn"
+            onClick={()=>Taro.navigateTo({url:"/pages/memberSub/storeManagement/index"})}
           >
             <Image
               className="my-shop-bg"

src/pages/productDetail/index.jsx

@@ -3,13 +3,13 @@ import { View, Text, Swiper, SwiperItem, Image } from "@tarojs/components";
 import { AtIcon } from "taro-ui";
 import "./index.less";
 import Taro from "@tarojs/taro";
-import productDetailIcon from "../../images/productDetail/productDetailIcon.png";
-import like from "../../images/productDetail/like.png";
-import home from "../../images/nav/home.png";
-import selfBuy from "../../images/productDetail/selfBuy.png";
-import share from "../../images/productDetail/share.png";
-import ProductCard from "../../components/ProductCard"; //产品卡片
-import Modal from "../../components/Modal"; //弹窗
+import productDetailIcon from "../../../images/productDetail/productDetailIcon.png";
+import like from "../../../images/productDetail/like.png";
+import home from "../../../images/nav/home.png";
+import selfBuy from "../../../images/productDetail/selfBuy.png";
+import share from "../../../images/productDetail/share.png";
+import ProductCard from "../../../components/ProductCard"; //产品卡片
+import Modal from "../../../components/Modal"; //弹窗
 
 export default class Index extends Component {
   state = {

src/pages/seckillIndex/index.jsx

@@ -1,18 +1,9 @@
 import { Component } from "react";
 import { View, Image } from "@tarojs/components";
 import "./index.less";
-import seckillImg from "../../images/seckill/seckillTop.png";
-import ProductList from "../../components/index/ProductList";
+import seckillImg from "../../../images/seckill/seckillTop.png";
+import ProductList from "../../../components/index/ProductList";
 export default class Index extends Component {
-  componentWillMount() {}
-
-  componentDidMount() {}
-
-  componentWillUnmount() {}
-
-  componentDidShow() {}
-
-  componentDidHide() {}
 
   render() {
     return (

src/pages/member/index.jsx

@@ -38,9 +38,9 @@ export default class Index extends Component {
               </View>
             </View>
             {/* 我的小店 */}
-            <View onClick={() => Taro.navigateTo({ url: `/pages/storeManagement/index?isManager=${true}` })} className="my-shop">
+            <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/storeManagement/index?isManager=${true}` })} className="my-shop">
               <Image className="my-shop-icon" src={home} />
-              <Text className="my-shop-text">我的小店</Text>
+              <View className="my-shop-text">我的小店</View>
             </View>
           </View>
           {/* 预估收益 */}
@@ -57,7 +57,7 @@ export default class Index extends Component {
                 <Text className="label">累计收益</Text>
               </View>
             </View>
-            <view onClick={() => Taro.navigateTo({ url: `/pages/earningsDetail/index` })} className="estimated-income-detail">
+            <view onClick={() => Taro.navigateTo({ url: `/pages/memberSub/earningsDetail/index` })} className="estimated-income-detail">
               收益详情
               <Image className="to-detail" src={toDetail} />
             </view>
@@ -76,7 +76,7 @@ export default class Index extends Component {
                   <Text className="warning-text">未完成提现认证</Text>
                 </View>
               </View>
-              <View className="right">点击提现</View>
+              <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/cashOut/index` })} className="right">点击提现</View>
             </View>
           </View>
           {/* 今日订单 */}
@@ -86,7 +86,7 @@ export default class Index extends Component {
                 <Image className="today-order-icon" src={order} />
                 <Text className="today-order-title">今日订单</Text>
               </View>
-              <View className="today-order-header-right">
+              <View onClick={() => Taro.navigateTo({ url: `/pages/memberSub/earningsOrder/index` })} className="today-order-header-right">
                 历史订单
                 <AtIcon value='chevron-right' size='10' color='#A1A1A1'></AtIcon>
               </View>

src/pages/member/index.less

@@ -2,7 +2,7 @@
     position: relative;
     min-height: 100vh;
     background-color: #f9f9f9;
-
+    padding-bottom: 30px;
     .member-bg {
         position: absolute;
         top: 0;
@@ -96,10 +96,13 @@
                 margin-right: 10px;
             }
 
-            text {
+            .my-shop-text {
                 font-size: 24px;
-                line-height: 40px;
                 color: #000000;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                padding-top: 10px;
             }
         }
     }
@@ -229,9 +232,9 @@
                         line-height: 40px;
                     }
                     .warning-icon {
-                        width: 24px;
+                        width: 26px;
                         height: 24px;
-                        margin-right: 10px;
+                        margin-right: 16px;
                     }
                 }
             }

src/pages/Alipay/index.jsx

@@ -2,7 +2,7 @@ import { Component } from "react";
 import { View, Text, Image } from "@tarojs/components";
 import { AtInput } from "taro-ui";
 import "./index.less";
-import aliPayIcon from "../../images/aliPayIcon.png";
+import aliPayIcon from "../../../images/aliPayIcon.png";
 export default class Index extends Component {
   state = {
     name: "", // 账户姓名
@@ -29,6 +29,7 @@ export default class Index extends Component {
             onChange={this.handleChangeName.bind(this)}
           />
           <AtInput
+          border={false}  
             name="value"
             title="支付宝账户"
             type="text"

src/pages/cashOut/index.jsx

@@ -2,7 +2,7 @@ import { Component } from 'react'
 import { View, Text } from '@tarojs/components'
 import { AtList, AtListItem } from "taro-ui"
 import './index.less'
-
+import Taro from '@tarojs/taro'
 export default class Index extends Component {
 
   render () {
@@ -25,11 +25,14 @@ export default class Index extends Component {
       </View>
       {/* 提现功能 */}
       <View className='cash-out-function'>
-        <AtList>
-        <AtListItem title='提现认证' extraText='认证审核中' arrow='right' />
-        <AtListItem title='标题记录' extraText='' arrow='right' />
-        <AtListItem title='支付账户' extraText='需维护支付宝账户信息' arrow='right' />
-        <AtListItem title='标题结算单记录' extraText='6月结算单已出' arrow='right' />
+        <AtList hasBorder={false}>
+        <AtListItem hasBorder={false} onClick={() => Taro.navigateTo({ url: `/pages/memberSub/Alipay/index` })} title='提现认证' extraText='认证审核中' arrow='right' />
+        <View className='line'></View>
+        <AtListItem hasBorder={false} onClick={() => Taro.navigateTo({ url: `/pages/memberSub/cashOutRecord/index` })} title='提现记录' extraText='' arrow='right' />
+        <View className='line'></View>
+        <AtListItem hasBorder={false} title='支付账户' extraText='需维护支付宝账户信息' arrow='right' />
+        <View className='line'></View>
+        <AtListItem hasBorder={false} onClick={() => Taro.navigateTo({ url: `/pages/memberSub/statementRecords/index` })} title='标题结算单记录' extraText='6月结算单已出' arrow='right' />
         </AtList>
       </View>
       {/* 结算单说明 */}

src/pages/cashOut/index.less

@@ -65,7 +65,11 @@
     border-radius: 20px;
     background-color: #fff;
     overflow: hidden;
-
+    .line{
+        margin: 0 17px;
+        height: 1px;
+        background-color: #D8D8D8;
+    }
     .item-content__info-title {
         font-weight: 500;
         font-size: 28px;

src/pages/cashOutRecord/index.jsx

@@ -1,7 +1,7 @@
 import { Component } from 'react'
 import { View, Text, Image } from '@tarojs/components'
 import './index.less'
-import wallet from '../../images/wallet.png'
+import wallet from '../../../images/wallet.png'
 export default class Index extends Component {
 
   componentWillMount () { }

src/pages/earningsOrder/index.jsx

@@ -2,8 +2,8 @@ import { Component } from "react";
 import { View, Text, Image, Picker } from "@tarojs/components";
 import { AtDivider } from "taro-ui";
 import "./index.less";
-import selectIcon from "../../images/productManagement/selectIcon.png";
-import vip from "../../images/earningsOrder/vip.png";
+import selectIcon from "../../../images/productManagement/selectIcon.png";
+import vip from "../../../images/earningsOrder/vip.png";
 import Taro from "@tarojs/taro";
 
 export default class Index extends Component {

src/pages/productClassify/index.jsx

@@ -3,7 +3,7 @@ import { View, Text } from "@tarojs/components";
 import { AtTabs, AtTabsPane } from "taro-ui";
 import "./index.less";
 import Taro from "@tarojs/taro";
-import ProductList from '../../components/index/ProductList'
+import ProductList from '../../../components/index/ProductList'
 
 export default class Index extends Component {
   state = {
@@ -31,7 +31,7 @@ export default class Index extends Component {
           {this.state.tabList.map((tab, index) => (
             <AtTabsPane current={this.state.current} index={index} key={index}>
               <View className="tab-content">
-                <ProductList />
+                <ProductList isProductClassify={true} />
               </View>
             </AtTabsPane>
           ))}

src/pages/productManagement/index.jsx

@@ -3,13 +3,13 @@ import { View, Picker, Image, Text } from "@tarojs/components";
 import { AtTabs, AtTabsPane, AtCheckbox } from "taro-ui";
 import Taro from "@tarojs/taro";
 import "./index.less";
-import ProductList from "../../components/index/ProductList"; //商品列表
-import add from "../../images/productManagement/add.png";
-import back from "../../images/productManagement/back.png";
-import manger from "../../images/productManagement/manger.png";
-import selectIcon from "../../images/productManagement/selectIcon.png";
-import deleteIcon from "../../images/productManagement/delete.png";
-import toTop from "../../images/productManagement/toTop.png";
+import ProductList from "../../../components/index/ProductList"; //商品列表
+import add from "../../../images/productManagement/add.png";
+import back from "../../../images/productManagement/back.png";
+import manger from "../../../images/productManagement/manger.png";
+import selectIcon from "../../../images/productManagement/selectIcon.png";
+import deleteIcon from "../../../images/productManagement/delete.png";
+import toTop from "../../../images/productManagement/toTop.png";
 export default class Index extends Component {
   state = {
     isManagementStatus: false, //是否是管理状态
@@ -107,7 +107,7 @@ export default class Index extends Component {
                 <Image src={manger} mode="aspectFit" />
                 <Text className="bottom-buy-text">批量管理</Text>
               </View>
-              <View onClick={() => Taro.navigateTo({ url: '/pages/productClassify/index' })} className="bottom-buy-right-share">
+              <View onClick={() => Taro.navigateTo({ url: '/pages/memberSub/productClassify/index' })} className="bottom-buy-right-share">
                 <Image src={add} mode="aspectFit" />
                 <Text className="bottom-buy-text">添加商品</Text>
               </View>

src/pages/statementRecords/index.jsx

@@ -1,7 +1,7 @@
 import { Component } from 'react'
 import { View, Text, Image } from '@tarojs/components'
 import './index.less'
-import statementRecordsIcon from '../../images/statementRecordsIcon.png'
+import statementRecordsIcon from '../../../images/statementRecordsIcon.png'
 export default class Index extends Component {
 
 

src/pages/storeManagement/index.jsx

@@ -2,9 +2,9 @@ import { Component } from "react";
 import { View, Text, Image } from "@tarojs/components";
 import { AtIcon } from "taro-ui";
 import "./index.less";
-import storeManagement from "../../images/storeManagement/storeManagement.png";
-import storeManagementIcon from "../../images/storeManagement/storeManagementIcon.png";
-import ProductCard from "../../components/ProductCard"; //卡片模块
+import storeManagement from "../../../images/storeManagement/storeManagement.png";
+import storeManagementIcon from "../../../images/storeManagement/storeManagementIcon.png";
+import ProductCard from "../../../components/ProductCard"; //卡片模块
 import Taro from "@tarojs/taro";
 
 export default class Index extends Component {
@@ -102,7 +102,7 @@ export default class Index extends Component {
                 <View className="bottom-buy-right-self">
                   <Text className="bottom-buy-text">店铺模版</Text>
                 </View>
-                <View onClick={() => Taro.navigateTo({ url:'/pages/productManagement/index' })} className="bottom-buy-right-share">
+                <View onClick={() => Taro.navigateTo({ url:'/pages/memberSub/productManagement/index' })} className="bottom-buy-right-share">
                   <Text  className="bottom-buy-text">商品管理</Text>
                 </View>
               </View>

src/pages/mine/index.jsx

@@ -34,14 +34,16 @@ export default class Index extends Component {
             <View className="name">张三</View>
             <View className="account">138001</View>
             </View>
-            <Image className='edit-icon' src={edit}></Image>
+            <Image onClick={() => Taro.navigateTo({ url: `/pages/mineSub/infoEdit/index` })} className='edit-icon' src={edit}></Image>
           </View>
         </View>
         {/* 功能 */}
         <View className='function'>
-          <AtList>
-            <AtListItem title='用户规范' arrow='right' thumb={norm}/>
+          <AtList hasBorder={false}>
+            <AtListItem hasBorder={false} onClick={() => Taro.navigateTo({ url: `/pages/mineSub/userSpecification/index` })} title='用户规范' arrow='right' thumb={norm}/>
+            <View className='line'></View>
             <AtListItem 
+              hasBorder={false}
               title='退出登录' 
               arrow='right' 
               thumb={loginOut}

src/pages/mine/index.less

@@ -52,7 +52,11 @@
         border-radius: 20px;
         overflow: hidden;
         background-color: #ffffff;
-
+        .line{
+            margin: 0 17px;
+            height: 1px;
+            background-color: #D8D8D8;
+        }
         .at-list__item .item-extra__icon-arrow {
             font-size: 44px;
         }

src/pages/productSub/infoEdit/index.config.js

@@ -1,3 +0,0 @@
-export default definePageConfig({
-  navigationBarTitleText: '编辑个人信息'
-})

src/pages/productSub/infoEdit/index.jsx

@@ -1,25 +0,0 @@
-import { Component } from 'react'
-import { View, Text, Image } from '@tarojs/components'
-import './index.less'
-import vip from '../../../images/index/back-top.png'
-export default class Index extends Component {
-
-  componentWillMount () { }
-
-  componentDidMount () { }
-
-  componentWillUnmount () { }
-
-  componentDidShow () { }
-
-  componentDidHide () { }
-
-  render () {
-    return (
-      <View className='index'>
-        <Image src='https://video-img.fyshark.com/1731495433480WechatIMG674.jpg' className='vip-icon' />
-        <Text>编辑个人信息</Text>
-      </View>
-    )
-  }
-}

src/pages/productSub/infoEdit/index.less

@@ -1,4 +0,0 @@
-Image{
-    height: 200px;
-    width: 200px;
-}