商学院

app.json

@@ -1,16 +1,18 @@
 {
     "pages": [
-        "pages/promotional/index",
         "pages/tabbar/home/index",
         "pages/tabbar/mine/index",
         "pages/tabbar/smartStore/index",
         "pages/tabbar/message/index",
         "pages/tabbar/workbench/index",
+        "pages/tabbar/mine/userMsg/index",
         "pages/annunciate/index",
         "pages/annunciate/details",
-        "pages/tabbar/mine/userMsg/index",
+        "pages/promotional/index",
         "pages/promotional/details",
-        "pages/promotional/upload"
+        "pages/promotional/upload",
+        "pages/college/index",
+        "pages/college/detail"
     ],
     "usingComponents": {
         "My_card": "/components/My_card/index",

pages/annunciate/details.json

@@ -1,5 +1,5 @@
 {
     "usingComponents": {
-        "van-rate": "@vant/weapp/rate/index"
+        "DispalyData": "./modules/displayData"
     }
 }

pages/annunciate/details.scss

@@ -75,175 +75,3 @@ textarea {
     margin: 50rpx 0;
 }
 
-/* 数据 */
-.head {
-    display: flex;
-    justify-content: space-between;
-    background: none !important;
-
-    .box {
-        width: 336rpx;
-        height: 184rpx;
-        background: #ffffff;
-        border-radius: 16rpx;
-        padding: 20rpx 30rpx;
-        box-sizing: border-box;
-
-        .title {
-            display: flex;
-            align-items: center;
-            height: 40rpx;
-            font-size: 28rpx !important;
-            font-family: PingFang SC-Bold, PingFang SC;
-            font-weight: bold;
-            color: #333333;
-
-            text {
-                color: var(--assist);
-                font-size: 40rpx;
-                margin-right: 10rpx;
-            }
-        }
-
-        .data {
-            display: flex;
-            width: 100%;
-            height: 84rpx;
-            margin-top: 20rpx;
-            text-align: center;
-
-            .subarea {
-                flex: 1;
-
-                .nubmer {
-                    height: 40rpx;
-                    font-size: 28rpx;
-                    font-family: PingFang SC-Bold, PingFang SC;
-                    font-weight: bold;
-                    color: var(--assist);
-                }
-
-                .string {
-                    height: 34rpx;
-                    font-size: 24rpx;
-                    font-family: PingFang SC-Regular, PingFang SC;
-                    color: #666666;
-                    margin-top: 10rpx;
-                }
-            }
-
-            .vertical {
-                width: 2rpx;
-                height: 74rpx;
-                margin-top: 10rpx;
-                background: #EEEEEE;
-            }
-        }
-
-
-    }
-}
-
-.data-main {
-    background: none !important;
-
-    .data-content {
-        padding: 30rpx;
-        padding-right: 0;
-        background-color: #ffffff;
-
-        .title {
-            display: flex;
-            justify-content: space-between;
-            width: 630rpx;
-            height: 40rpx;
-
-            &_l {
-                font-size: 28rpx;
-                font-family: PingFang SC-Bold, PingFang SC;
-                font-weight: bold;
-                color: #333333;
-            }
-
-            &_r {
-                height: 34rpx;
-                font-size: 24rpx;
-                font-family: PingFang SC-Regular, PingFang SC;
-                color: #999999;
-                margin-top: 6rpx;
-            }
-        }
-
-        .user-list {
-            width: 100%;
-            margin-top: 24rpx;
-            width: 630rpx;
-            background: #F5F5F5;
-            border-radius: 16rpx;
-            padding: 30rpx 0;
-
-
-            .user {
-                display: flex;
-                justify-content: space-between;
-                width: 600rpx;
-                height: 40rpx;
-                margin-top: 40rpx;
-                margin-left: 30rpx;
-                padding-right: 20rpx;
-                box-sizing: border-box;
-
-
-                view {
-                    width: 530rpx;
-                    font-size: 28rpx;
-                    font-family: PingFang SC-Regular, PingFang SC;
-                    color: #666666;
-                }
-
-                text {
-                    font-size: 40rpx;
-                    color: var(--warning);
-                }
-            }
-
-            .user:first-child {
-                margin-top: 0;
-            }
-        }
-
-        .line-between {
-            height: 1rpx;
-            width: 100%;
-            background-color: #EEEEEE;
-            margin: 30rpx 0;
-        }
-
-    }
-}
-
-.tab {
-    display: flex;
-    width: 100%;
-
-    &_item {
-        flex: 1;
-        height: 96rpx;
-        background-color: #F8F9FA;
-        border-radius: 16rpx 16rpx 0 0;
-        line-height: 96rpx;
-        text-align: center;
-        font-size: 28rpx;
-        font-family: PingFang SC-Regular, PingFang SC;
-        color: #666666;
-    }
-
-    .active {
-        position: relative;
-        background-color: #ffffff;
-        font-size: 28rpx;
-        font-family: PingFang SC-Bold, PingFang SC;
-        font-weight: bold;
-        color: #3874F6;
-    }
-}

pages/annunciate/details.wxml

@@ -37,65 +37,6 @@
         </My_card>
     </van-tab>
     <van-tab title="数据">
-        <!-- 头部数据 -->
-        <My_card custom-class='head'>
-            <view class="box">
-                <view class="title">
-                    <text class="iconfont icon-a-tonggaoshujuliulanliang" />浏览量
-                </view>
-                <view class="data">
-                    <view class="subarea">
-                        <view class="nubmer">15</view>
-                        <view class="string">已浏览</view>
-                    </view>
-                    <view class="vertical" />
-                    <view class="subarea">
-                        <view class="nubmer">30</view>
-                        <view class="string">应浏览</view>
-                    </view>
-                </view>
-            </view>
-            <view class="box">
-                <view class="title">
-                    <text class="iconfont icon-a-tonggaoshujuxiazailiang" />下载量
-                </view>
-                <view class="data">
-                    <view class="subarea">
-                        <view class="nubmer">15</view>
-                        <view class="string">已下载</view>
-                    </view>
-                    <view class="vertical" />
-                    <view class="subarea">
-                        <view class="nubmer">30</view>
-                        <view class="string">应下载</view>
-                    </view>
-                </view>
-            </view>
-        </My_card>
-        <My_card custom-class='data-main'>
-            <view class="tab">
-                <view class="tab_item active">未浏览人员</view>
-                <view class="tab_item">未下载人员</view>
-            </view>
-            <view class="data-content">
-                <block wx:for="{{5}}">
-                    <view class="title">
-                        <view class="title_l">负责人：张三</view>
-                        <view class="title_r">
-                            应浏览：3人 未浏览：2人
-                        </view>
-                    </view>
-                    <view class="user-list">
-                        <view class="user" wx:for="{{5}}">
-                            <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
-                            <text class="iconfont icon-shujubodadianhua1" />
-                        </view>
-                    </view>
-                    <view class="line-between" />
-                </block>
-            </view>
-        </My_card>
+        <DispalyData></DispalyData>
     </van-tab>
-
-
 </van-tabs>

pages/annunciate/modules/displayData.js

@@ -0,0 +1,23 @@
+// pages/annunciate/modules/displayData.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

pages/annunciate/modules/displayData.json

@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-rate": "@vant/weapp/rate/index"
+    }
+}

pages/annunciate/modules/displayData.scss

@@ -0,0 +1,172 @@
+/* 数据 */
+.head {
+    display: flex;
+    justify-content: space-between;
+    background: none !important;
+
+    .box {
+        width: 336rpx;
+        height: 184rpx;
+        background: #ffffff;
+        border-radius: 16rpx;
+        padding: 20rpx 30rpx;
+        box-sizing: border-box;
+
+        .title {
+            display: flex;
+            align-items: center;
+            height: 40rpx;
+            font-size: 28rpx !important;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+
+            text {
+                color: var(--assist);
+                font-size: 40rpx;
+                margin-right: 10rpx;
+            }
+        }
+
+        .data {
+            display: flex;
+            width: 100%;
+            height: 84rpx;
+            margin-top: 20rpx;
+            text-align: center;
+
+            .subarea {
+                flex: 1;
+
+                .nubmer {
+                    height: 40rpx;
+                    font-size: 28rpx;
+                    font-family: PingFang SC-Bold, PingFang SC;
+                    font-weight: bold;
+                    color: var(--assist);
+                }
+
+                .string {
+                    height: 34rpx;
+                    font-size: 24rpx;
+                    font-family: PingFang SC-Regular, PingFang SC;
+                    color: #666666;
+                    margin-top: 10rpx;
+                }
+            }
+
+            .vertical {
+                width: 2rpx;
+                height: 74rpx;
+                margin-top: 10rpx;
+                background: #EEEEEE;
+            }
+        }
+
+
+    }
+}
+
+.data-main {
+    background: none !important;
+
+    .data-content {
+        padding: 30rpx;
+        padding-right: 0;
+        background-color: #ffffff;
+
+        .title {
+            display: flex;
+            justify-content: space-between;
+            width: 630rpx;
+            height: 40rpx;
+
+            &_l {
+                font-size: 28rpx;
+                font-family: PingFang SC-Bold, PingFang SC;
+                font-weight: bold;
+                color: #333333;
+            }
+
+            &_r {
+                height: 34rpx;
+                font-size: 24rpx;
+                font-family: PingFang SC-Regular, PingFang SC;
+                color: #999999;
+                margin-top: 6rpx;
+            }
+        }
+
+        .user-list {
+            width: 100%;
+            margin-top: 24rpx;
+            width: 630rpx;
+            background: #F5F5F5;
+            border-radius: 16rpx;
+            padding: 30rpx 0;
+
+
+            .user {
+                display: flex;
+                justify-content: space-between;
+                width: 600rpx;
+                height: 40rpx;
+                margin-top: 40rpx;
+                margin-left: 30rpx;
+                padding-right: 20rpx;
+                box-sizing: border-box;
+
+
+                view {
+                    width: 530rpx;
+                    font-size: 28rpx;
+                    font-family: PingFang SC-Regular, PingFang SC;
+                    color: #666666;
+                }
+
+                text {
+                    font-size: 40rpx;
+                    color: var(--warning);
+                }
+            }
+
+            .user:first-child {
+                margin-top: 0;
+            }
+        }
+
+        .line-between {
+            height: 1rpx;
+            width: 100%;
+            background-color: #EEEEEE;
+            margin: 30rpx 0;
+        }
+
+    }
+}
+
+.tab {
+    display: flex;
+    width: 100%;
+
+    &_item {
+        flex: 1;
+        height: 96rpx;
+        background-color: #F8F9FA;
+        border-radius: 16rpx 16rpx 0 0;
+        line-height: 96rpx;
+        text-align: center;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #666666;
+    }
+
+    .active {
+        position: relative;
+        background-color: #ffffff;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #3874F6;
+    }
+}

pages/annunciate/modules/displayData.wxml

@@ -0,0 +1,58 @@
+<!-- 头部数据 -->
+<My_card custom-class='head'>
+    <view class="box">
+        <view class="title">
+            <text class="iconfont icon-a-tonggaoshujuliulanliang" />浏览量
+        </view>
+        <view class="data">
+            <view class="subarea">
+                <view class="nubmer">15</view>
+                <view class="string">已浏览</view>
+            </view>
+            <view class="vertical" />
+            <view class="subarea">
+                <view class="nubmer">30</view>
+                <view class="string">应浏览</view>
+            </view>
+        </view>
+    </view>
+    <view class="box">
+        <view class="title">
+            <text class="iconfont icon-a-tonggaoshujuxiazailiang" />下载量
+        </view>
+        <view class="data">
+            <view class="subarea">
+                <view class="nubmer">15</view>
+                <view class="string">已下载</view>
+            </view>
+            <view class="vertical" />
+            <view class="subarea">
+                <view class="nubmer">30</view>
+                <view class="string">应下载</view>
+            </view>
+        </view>
+    </view>
+</My_card>
+<My_card custom-class='data-main'>
+    <view class="tab">
+        <view class="tab_item active">未浏览人员</view>
+        <view class="tab_item">未下载人员</view>
+    </view>
+    <view class="data-content">
+        <block wx:for="{{5}}">
+            <view class="title">
+                <view class="title_l">负责人：张三</view>
+                <view class="title_r">
+                    应浏览：3人 未浏览：2人
+                </view>
+            </view>
+            <view class="user-list">
+                <view class="user" wx:for="{{5}}">
+                    <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
+                    <text class="iconfont icon-shujubodadianhua1" />
+                </view>
+            </view>
+            <view class="line-between" />
+        </block>
+    </view>
+</My_card>

pages/college/detail.js

@@ -0,0 +1,66 @@
+// pages/college/detail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/college/detail.json

@@ -0,0 +1,6 @@
+{
+    "navigationBarTitleText": "课程详情",
+    "usingComponents": {
+        "DispalyData": "../annunciate/modules/displayData"
+    }
+}

pages/college/detail.scss

@@ -0,0 +1,122 @@
+@import '../../components/My_card/index.scss';
+
+.header {
+    width: 750rpx;
+    height: 392rpx;
+    border: 1px solid red;
+}
+
+/* 基础盒子 */
+.bsae-box {
+    width: 750rpx;
+    padding: 20rpx 30rpx;
+    box-sizing: border-box;
+    background: #ffffff;
+    font-family: PingFang SC-Regular, PingFang SC;
+}
+
+/* 简介 */
+.brief {
+
+    .first-line {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        font-size: 30rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+
+        .multi-line {
+            width: 500rpx;
+        }
+
+        text {
+            font-size: 24rpx;
+            color: #666666;
+        }
+    }
+
+    .by-time {
+        height: 28rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 10rpx;
+        font-size: 20rpx;
+        color: #999999;
+
+        .line-1 {
+            width: 480rpx;
+        }
+    }
+}
+
+/* 描述 */
+.describe {
+    margin-top: 20rpx;
+
+    .title {
+        font-size: 28rpx;
+        color: #333333;
+    }
+
+    .multi-line {
+        font-size: 28rpx;
+        color: #666666;
+        margin-top: 20rpx;
+    }
+
+}
+
+/* 附件 */
+.accessory {
+    display: flex;
+    align-items: center;
+    height: 122rpx;
+    background: #FFFFFF;
+    border: 1rpx solid #CCCCCC;
+
+    .icon {
+        width: 58rpx;
+        height: 58rpx;
+        margin-left: 30rpx;
+
+        .iconfont {
+            font-size: 58rpx;
+            color: var(--assist);
+        }
+    }
+
+    .explian {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-left: 30rpx;
+        height: 80rpx;
+
+        .title {
+            width: 380rpx;
+            font-size: 28rpx;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+        }
+
+        .time {
+            font-size: 20rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+        }
+    }
+
+    .v-but {
+        width: 140rpx;
+        height: 60rpx;
+        background: #3874F6;
+        border-radius: 30rpx;
+        margin-left: 30rpx;
+    }
+
+}

pages/college/detail.wxml

@@ -0,0 +1,37 @@
+<view class="header">
+    占位
+</view>
+<!-- 简介 -->
+<navigator url="#" class="brief bsae-box">
+    <view class="first-line">
+        <view class="multi-line">标题标题标题表头标题标题标题表头标题标题标题表头标题标题标题表头</view>
+        <text>已学习15000人</text>
+    </view>
+    <view class="by-time">
+        <text class="line-1">发布者：张三丰</text>
+        <text>2022-12-12 12:20</text>
+    </view>
+</navigator>
+<!-- 描述 -->
+<navigator url="#" class="describe bsae-box">
+    <view class="title">描述</view>
+    <view class="multi-line">产品知sdfsdfsdf识要点，产品知识要4534534qg点，产品知识要点，sfdgaffx产品知识要点，产品知识要点，产品知识要点</view>
+</navigator>
+<view style="height: 20rpx;" />
+<van-tabs swipeable sticky title-active-color='var(--assist)' color='var(--assist)'>
+    <van-tab title="课件">
+        <navigator url="#" class="accessory my-card" wx:for="{{5}}">
+            <view class="icon">
+                <text class="iconfont icon-word" />
+            </view>
+            <view class="explian">
+                <view class="title line-1">销售策略销售策略销售策略销售策略</view>
+                <view class="time">2022-01-12 15:30</view>
+            </view>
+            <van-button type="primary" custom-class='v-but'>下载</van-button>
+        </navigator>
+    </van-tab>
+    <van-tab title="数据">
+        <DispalyData></DispalyData>
+    </van-tab>
+</van-tabs>

pages/college/index.js

@@ -0,0 +1,66 @@
+// pages/college/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/college/index.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

pages/college/index.scss

@@ -0,0 +1,46 @@
+@import '/static/unread.wxss';
+@import '../../components/My_card/index.scss';
+
+/* 课程 */
+.course {
+    display: flex;
+    height: 180rpx;
+    padding: 30rpx;
+
+    .cover-img {
+        border-radius: 8rpx;
+        overflow: hidden;
+    }
+
+    .explian {
+        width: 370rpx;
+        height: 100%;
+        margin-left: 30rpx;
+
+        .title {
+            height: 40rpx;
+            line-height: 40rpx;
+            font-size: 28rpx;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+        }
+
+        .details {
+            height: 34rpx;
+            line-height: 34rpx;
+            font-size: 24rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #666666;
+            margin-top: 10rpx;
+        }
+
+        .read {
+            height: 28rpx;
+            font-size: 20rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+            margin-top: 8rpx;
+        }
+    }
+}

pages/college/index.wxml

@@ -0,0 +1,10 @@
+<van-search value="{{ value }}" shape="round" background="var(--primary)" placeholder="请输入搜索关键词" />
+<view class="unread">总共15个，有1个更新</view>
+<navigator url="/pages/college/detail" class="course my-card" wx:for="{{5}}">
+    <van-image width="230rpx" height="120rpx" custom-class='cover-img' lazy-load fit='cover' src="https://img.yzcdn.cn/vant/cat.jpeg" />
+    <view class="explian">
+        <view class="title line-1">标题标题标题表头标题标题标题表头</view>
+        <view class="details line-1">标题标题标题表头标题标题标题表头</view>
+        <view class="read line-1">5人已经阅读</view>
+    </view>
+</navigator>

pages/college/promotional/details.js

@@ -0,0 +1,66 @@
+// pages/promotional/details.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/college/promotional/details.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "素材详情",
+    "usingComponents": {}
+}

pages/college/promotional/details.scss

@@ -0,0 +1,64 @@
+/* 头部 */
+.header {
+    width: 750rpx;
+    padding: 30rpx;
+    background-color: #ffffff;
+    box-sizing: border-box;
+
+    .title {
+        font-size: 30rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    .display-data {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        height: 28rpx;
+        line-height: 28rpx;
+        margin-top: 20rpx;
+        font-size: 20rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #999999;
+
+        text {
+            margin-right: 20rpx;
+        }
+
+        text:last-child {
+            margin-right: 0rpx;
+
+        }
+
+    }
+
+    .explain {
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #666666;
+        margin-top: 30rpx;
+    }
+}
+
+/* 吸底 */
+.footer {
+    position: fixed;
+    width: 750rpx;
+    background-color: #ffffff;
+    text-align: center;
+    padding: 20rpx 0;
+    bottom: 0;
+
+    &-button {
+        width: 500rpx;
+        height: 90rpx;
+        border-radius: 45rpx !important;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+    }
+}

pages/college/promotional/details.wxml

@@ -0,0 +1,16 @@
+<view class="header">
+    <view class="title multi-line">撒旦士大夫士大夫广泛的fdgroiefdojgf34598734958sogiudsfgojo时代光华士大夫发搜i规划的发给你卢卡斯发达国家哦i房管局梵蒂冈</view>
+    <view class="display-data">
+        <view>2022-12-12 12:20</view>
+        <view>
+            <text>浏览：30</text>
+            <text>分享：654</text>
+            <text>拉新：30</text>
+        </view>
+    </view>
+    <view class="explain multi-line">撒旦士大夫士大夫广泛的fdgroiefdojgf34598734958sogiudsfgojo时代光华士大夫发搜i规划的发给你卢卡斯发达国家哦i房管局梵蒂冈</view>
+</view>
+
+<view class="footer">
+    <van-button custom-class='footer-button' color="var(--warning)">分享</van-button>
+</view>

pages/college/promotional/index.js

@@ -0,0 +1,72 @@
+// pages/promotional/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        searchContent: "", //搜索内容
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+    /**
+     * 用户分享到朋友圈
+     */
+    onShareTimeline() {
+
+    }
+})

pages/college/promotional/index.json

@@ -0,0 +1,7 @@
+{
+    "navigationBarTitleText": "推广素材",
+    "usingComponents": {
+        "van-search": "@vant/weapp/search/index",
+        "ProductList": "./modules/productList"
+    }
+}

pages/college/promotional/index.scss

@@ -0,0 +1,45 @@
+@import '/static/unread.wxss';
+
+/* 搜索和上传按钮 */
+.search-and-upload {
+    width: 750rpx;
+    height: 104rpx;
+    background-color: var(--primary);
+    box-sizing: border-box;
+    padding: 20rpx 30rpx;
+
+    .con {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.upload-box {
+    position: relative;
+    width: 190rpx;
+    height: 100%;
+    .upload {
+        position: absolute;
+        height: 64rpx;
+        display: flex;
+        align-items: center;
+        line-height: 64rpx;
+        border-radius: 32rpx;
+        border: 1rpx solid #fff;
+        padding: 0 20rpx !important;
+        box-sizing: border-box;
+        margin: 0 20rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+        top: -30rpx;
+        text {
+            margin-right: 15rpx;
+        }
+    }
+
+
+}

pages/college/promotional/index.wxml

@@ -0,0 +1,18 @@
+<van-search value="{{ searchContent }}" use-action-slot shape="round" background="var(--primary)" placeholder="请输入搜索关键词">
+    <view class="upload-box" slot='action'>
+        <navigator url="/pages/promotional/upload" class="upload">
+            <text class="iconfont icon-a-tuiguangsucaishangchuan1" />
+            上传
+        </navigator>
+    </view>
+</van-search>
+
+<van-tabs swipeable sticky color='var(--assist)' title-active-color='var(--assist)' title-inactive-color='#999999'>
+    <van-tab title="列表">
+        <ProductList></ProductList>
+    </van-tab>
+    <van-tab title="我的素材">
+        <ProductList></ProductList>
+    </van-tab>
+    <van-tab title="拉新清单">内容 3</van-tab>
+</van-tabs>

pages/college/promotional/modules/productList.js

@@ -0,0 +1,27 @@
+// pages/promotional/modules/productList.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    options: {
+        addGlobalClass: true
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

pages/college/promotional/modules/productList.json

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

pages/college/promotional/modules/productList.scss

@@ -0,0 +1,61 @@
+/* 物料列表 */
+.product-list {
+    display: flex;
+    flex-wrap: wrap;
+    background: none !important;
+
+    .item {
+        width: 336rpx;
+        border-radius: 16rpx;
+        overflow: hidden;
+        border: 1rpx solid #DDDDDD;
+        margin-bottom: 20rpx;
+
+        .cover {
+            padding: 0 !important;
+            margin: 0 !important;
+        }
+
+        .details {
+            width: 100%;
+            background-color: #fff;
+            margin-top: -8rpx;
+            padding: 20rpx;
+            box-sizing: border-box;
+            border-bottom: 1rpx solid #eeeeee;
+            font-family: PingFang SC-Regular, PingFang SC;
+
+
+            .title {
+                font-size: 24rpx;
+                color: #333333;
+            }
+
+            .display-data {
+                display: flex;
+                justify-content: space-around;
+                height: 28rpx;
+                line-height: 28rpx;
+                margin-top: 10rpx;
+                font-size: 20rpx;
+                color: #999999;
+
+                text {
+                    margin-right: 6rpx;
+                    font-size: 28rpx;
+                }
+            }
+
+        }
+
+        .share-button {
+            height: 60rpx;
+            font-size: 24rpx;
+            color: #3874F6;
+        }
+    }
+
+    .item:nth-of-type(2n) {
+        margin-left: 10rpx;
+    }
+}

pages/college/promotional/modules/productList.wxml

@@ -0,0 +1,19 @@
+<view class="unread">总共20个，有1个更新</view>
+<My_card custom-class='product-list'>
+    <view url="/pages/promotional/details" class="item" wx:for="{{5}}">
+        <navigator url="/pages/promotional/details">
+            <van-image width="336rpx" height="247rpx" fit='cover' src="https://img.yzcdn.cn/vant/cat.jpeg" lazy-load />
+            <view class="details">
+                <view class="title line-1">
+                    标题标题标题标题标题标题标题标题标题标题
+                </view>
+                <view class="display-data">
+                    <view><text class="iconfont icon-a-tonggaoliulanliang" />99999</view>
+                    <view><text class="iconfont icon-a-tuiguangsucaifenxiangliang" />99999</view>
+                    <view><text class="iconfont icon-a-tuiguangsucailaxinliang" />99999</view>
+                </view>
+            </view>
+        </navigator>
+        <van-button custom-class='share-button' open-type='share' size="large">一键分享</van-button>
+    </view>
+</My_card>

pages/college/promotional/upload.js

@@ -0,0 +1,66 @@
+// pages/promotional/upload.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/college/promotional/upload.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "发布素材",
+    "usingComponents": {}
+}

pages/college/promotional/upload.scss

@@ -0,0 +1,54 @@
+.box {
+    margin-top: 0 !important;
+    background: none !important;
+    font-size: 24rpx;
+
+    .label {
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        height: 40rpx;
+        line-height: 40rpx;
+        color: #333333;
+        margin-top: 30rpx;
+
+        text {
+            float: right;
+            font-size: 24rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+        }
+    }
+
+    .textarea {
+        height: 160rpx;
+        padding: 20rpx;
+    }
+
+    .category {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 90rpx;
+        padding: 0 20rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #666666;
+    }
+}
+
+.base {
+    width: 100%;
+    border-radius: 16rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    box-sizing: border-box;
+    margin-top: 20rpx;
+}
+
+.upload {
+    width: 500rpx;
+    height: 90rpx;
+    background: #3874F6 !important;
+    border-radius: 45rpx !important;
+    margin-top: 100rpx;
+}

pages/college/promotional/upload.wxml

@@ -0,0 +1,14 @@
+<My_card custom-class='box'>
+    <view class="label">素材标题</view>
+    <textarea class="textarea base" placeholder-style='font-size: 24rpx;' placeholder='请输入标题'></textarea>
+    <view class="label">所属分类</view>
+    <navigator class="category base" url="#">
+        <view>请选择素材分类</view>
+        <van-icon name="arrow-down" />
+    </navigator>
+    <view class="label">素材<text>已上传2个</text></view>
+</My_card>
+
+<view style="width: 100%; text-align: center;">
+    <van-button type="primary" custom-class='upload'>提交</van-button>
+</view>

pages/tabbar/home/index.js

@@ -5,7 +5,19 @@ Page({
      * 页面的初始数据
      */
     data: {
-
+        gridList: [{
+            name: "通告",
+            path: "/pages/annunciate/index",
+            icon: "icon-a-shouyejingangqutonggao",
+        }, {
+            name: "推广素材",
+            path: "/pages/promotional/index",
+            icon: "icon-a-shouyejingangqutuiguangsucai",
+        }, {
+            name: "商学院",
+            path: "/pages/college/index",
+            icon: "icon-a-shangxueyuanxuexi",
+        }]
     },
 
     /**

pages/tabbar/home/index.wxml

@@ -27,9 +27,9 @@
 
 <!-- 宫格区域 -->
 <My_card custom-class='grld'>
-    <navigator url="#" class="item" wx:for="{{5}}" data-name="通告" bindtap="applications">
-        <view class="iconfont icon-a-shouyejingangqutonggao" />
-        <text>通告</text>
+    <navigator url="{{item.path}}" class="item" wx:for="{{gridList}}" wx:key="{{index}}" data-name="{{item.name}}" bindtap="applications">
+        <view class="iconfont {{item.icon}}" />
+        <text>{{item.name}}</text>
     </navigator>
 </My_card>
 

project.private.config.json

@@ -42,6 +42,13 @@
                     "query": "",
                     "launchMode": "default",
                     "scene": null
+                },
+                {
+                    "name": "商学院详情",
+                    "pathName": "pages/college/detail",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
                 }
             ]
         }