#

components/teaching-case/teaching-case.vue

@@ -1,306 +1,352 @@
 <template>
-	<view class="teaching_case" @click="gotoTeDetail">
-		<view class="img cell-img">
-			<!-- <slot name="img"></slot> -->
-			<image :src="classList.img" v-if="!item.btn" mode="aspectFill"></image>
-			<image :src="activeList.img" v-else mode="aspectFill"></image>
-		</view>
-
-		<view class="right">
-			<view class="">
-				<view class="title">
-					<view v-if="!item.btn" class="tag bqZ-font">类型</view>
-					<view v-else class="tag bqZ-font">类型</view>
-
-
-
-					<text class="btn-font" v-if="!item.btn" style="">{{ classList.className }}</text>
-					<text class="three-font" v-else>{{ activeList.className }}</text>
-				</view>
-
-				<view v-if="!item.btn" class="introduce fwb-font">
-					{{ classList.intro }}
-				</view>
-				<view v-else class="introduce fwb-font">
-					{{ activeList.intro }}
-				</view>
-			</view>
-
-
-			<view class="operate" v-if="!item.btn">
-				<view class="left">
-					<view class="opr" style="padding-right: 25rpx;">
-						<view class="icon">
-							<image src="http://43.139.158.220:5007/img/static/yym/Star 1 (Stroke).png"
-								style="width: 28rpx;height: 26rpx;" mode="aspectFill"></image>
-						</view>
-						<text class="fz-font">收藏</text>
-					</view>
-					<view class="opr">
-						<view class="icon">
-							<image src="http://43.139.158.220:5007/img/static/yym/Vector (Stroke).png"
-								style="width: 22rpx;height: 26rpx;" mode="aspectFill"></image>
-						</view>
-						<text class="fz-font">订阅</text>
-					</view>
-				</view>
-				<view class="">
-					<button class="btn sBtn-font" disableEventPropagation="true" @click.stop="join">立即参与</button>
-				</view>
-			</view>
-			<view class="operate" v-else>
-				<view class="left">
-					<view class="price num-font"><text class="three-font">￥</text> 188</view>
-					<view class="pernum fz-font">已报名{{ activeList.count }}人</view>
-				</view>
-				<view class="">
-					<button class="btn sBtn-font" @click.stop="actApply">立即报名</button>
-				</view>
-			</view>
-		</view>
-		<!-- <view class="" style="height: 50rpx;width: 100%;background-color: #ffffff;"></view> -->
-	</view>
-
+  <view class="teaching_case" @click="gotoTeDetail">
+    <view class="img cell-img">
+      <!-- <slot name="img"></slot> -->
+      <image :src="classList.img" v-if="!item.btn" mode="aspectFill"></image>
+      <image :src="activeList.img" v-else mode="aspectFill"></image>
+    </view>
+
+    <view class="right">
+      <view class="">
+        <view class="title">
+          <view v-if="!item.btn" class="tag bqZ-font">类型</view>
+          <view v-else class="tag bqZ-font">类型</view>
+
+          <text class="btn-font" v-if="!item.btn" style="">{{
+            classList.className
+          }}</text>
+          <text class="three-font" v-else>{{ activeList.className }}</text>
+        </view>
+
+        <view v-if="!item.btn" class="introduce fwb-font">
+          {{ classList.intro }}
+        </view>
+        <view v-else class="introduce fwb-font">
+          {{ activeList.intro }}
+        </view>
+      </view>
+
+      <view class="operate" v-if="!item.btn">
+        <view class="left">
+          <view class="opr" style="padding-right: 25rpx">
+            <view class="icon">
+              <image
+                src="http://43.139.158.220:5007/img/static/yym/Star 1 (Stroke).png"
+                style="width: 28rpx; height: 26rpx"
+                mode="aspectFill"
+              ></image>
+            </view>
+            <text class="fz-font">收藏</text>
+          </view>
+          <view class="opr">
+            <view class="icon">
+              <image
+                src="http://43.139.158.220:5007/img/static/yym/Vector (Stroke).png"
+                style="width: 22rpx; height: 26rpx"
+                mode="aspectFill"
+              ></image>
+            </view>
+            <text class="fz-font">订阅</text>
+          </view>
+        </view>
+        <view class="">
+          <button
+            class="btn sBtn-font"
+            disableEventPropagation="true"
+            @click.stop="join"
+          >
+            立即参与
+          </button>
+        </view>
+      </view>
+      <view class="operate" v-else>
+        <view class="left">
+          <view class="price num-font"
+            ><text class="three-font">￥</text> 188</view
+          >
+          <view class="pernum fz-font">已报名{{ activeList.count }}人</view>
+        </view>
+        <view class="">
+          <button class="btn sBtn-font" @click.stop="actApply">立即报名</button>
+        </view>
+      </view>
+    </view>
+    <!-- <view class="" style="height: 50rpx;width: 100%;background-color: #ffffff;"></view> -->
+  </view>
 </template>
-
 <script>
-	export default {
-		name: "teaching-case",
-		props: {
-			item: {
-				type: Object,
-				default () {
-					return {
-						btn: 0 //0教研列表 1活动列表
-					}
-				}
-			},
-			classList: {
-				type: Object,
-				default () {
-					return []
-				}
-			},
-			activeList: {
-				type: Object,
-				default () {
-					return []
-				}
-			}
-		},
-		data() {
-			return {
-
-			};
-		},
-		methods: {
-			gotoTeDetail() {
-				if (this.item.btn) {
-					const value = uni.getStorageSync('login');
-					if (value==0) {
-						uni.navigateTo({
-							url: "/pages/login/login"
-						})
-					} else {
-						uni.navigateTo({
-							url: "/pages/activityDetail/activityDetail"
-						})
-					}
-
-				} else {
-					const value = uni.getStorageSync('login');
-					if (value==0) {
-						uni.navigateTo({
-							url: "/pages/login/login"
-						})
-					} else {
-						uni.navigateTo({
-							url: "/pages/teachingDetail/teachingDetail"
-						})
-					}
-
-				}
-
-			},
-			join() {
-				const value = uni.getStorageSync('login');
-				if (value==0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-					return 1
-				} else {
-					uni.navigateTo({
-						url: '/pages/jys/jys'
-					})
-				}
-
-			},
-			actApply() {
-				const value = uni.getStorageSync('login');
-				if (value==0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-					return 1
-				} else {
-					uni.navigateTo({
-						url: '/pages/hd/hd'
-					})
-				}
-
-			}
-		}
-	}
+export default {
+  name: "teaching-case",
+  props: {
+    item: {
+      type: Object,
+      default() {
+        return {
+          btn: 0, //0教研列表 1活动列表
+        };
+      },
+    },
+    classList: {
+      type: Object,
+      default() {
+        return [];
+      },
+    },
+    activeList: {
+      type: Object,
+      default() {
+        return [];
+      },
+    },
+    indexId: {
+      type: Number,
+    },
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    gotoTeDetail() {
+      if (this.item.btn) {
+        const value = uni.getStorageSync("login");
+        if (value == 0) {
+          uni.navigateTo({
+            url: "/pages/login/login",
+          });
+        } else {
+          const urls = [
+            "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1183",
+            "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1211",
+            "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1210",
+            "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1209",
+          ];
+          let index = this.indexId;
+          if (index >= 0 && index < urls.length) {
+            const url = urls[index];
+            uni.navigateTo({
+              url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+            });
+          }
+        }
+      } else {
+        const value = uni.getStorageSync("login");
+        if (value == 0) {
+          uni.navigateTo({
+            url: "/pages/login/login",
+          });
+        } else {
+          const urls = [
+            "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00351166273N",
+            "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00330324841N",
+            "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00231455802N",
+            "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00406339964N",
+          ];
+          let index = this.indexId;
+          if (index >= 0 && index < urls.length) {
+            const url = urls[index];
+            uni.navigateTo({
+              url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+            });
+          }
+        }
+      }
+    },
+    join() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+        return 1;
+      } else {
+        const urls = [
+          "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00351166273N",
+          "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00330324841N",
+          "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00231455802N",
+          "https://szptxnjys.yuketang.cn/pro/portal/about/szpt-99Q00406339964N",
+        ];
+        let index = this.indexId;
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+    actApply() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+        return 1;
+      } else {
+        const urls = [
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1183",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1211",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1210",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1209",
+        ];
+        let index = this.indexId;
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-	.teaching_case {
-		display: flex;
-		justify-content: space-between;
-		// margin-bottom: 10px;
-		background-color: #ffffff;
-		padding: 20rpx 30rpx;
-
-		// padding-bottom: 50rpx;
-		.img {
-			width: 160rpx;
-			height: 160rpx;
-
-			image {
-				width: 100%;
-				height: 100%;
-				border-radius: 10rpx;
-			}
-		}
-
-		.right {
-			padding-left: 20rpx;
-			flex: 1;
-			// height: 300px;
-			width: 100rpx;
-			display: flex;
-			flex-direction: column;
-			// align-content: flex-end ;
-			justify-content: space-between;
-			// align-content: space-between;
-
-			.title {
-				display: flex;
-				justify-content: flex-start;
-				align-items: center;
-				margin-bottom: 15rpx;
-
-				// margin-bottom: 10rpx;
-				.tag {
-					border: 1px #00b2b6 solid;
-					flex-shrink: 0;
-					letter-spacing: 2rpx;
-					width: 64rpx;
-					height: 32rpx;
-					display: flex;
-					white-space: nowrap;
-					justify-content: center;
-					align-items: center;
-					border-radius: 4rpx;
-					margin-right: 10rpx;
-					color: #00b2b6;
-					line-height: 32rpx;
-					// border: 1px #00b2b6 solid;
-					// font-size: 20rpx;
-					// width: 94rpx;
-					// display: flex;
-					// height: 36rpx;
-					// white-space: nowrap;
-					// justify-content: center;
-					// align-items: center;
-					// // padding: 4px 12px 4px 12px;
-					// border-radius: 5rpx;
-					// margin-right: 10rpx;
-					// color: #00b2b6;
-				}
-
-				text {
-					font-weight: bold;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					white-space: nowrap;
-				}
-
-			}
-
-			.introduce {
-				// font-size: 28rpx;
-				color: #a7a7a7;
-				// padding: 20rpx 0;
-				// width: 560rpx;
-				height: 40rpx;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-
-			.operate {
-				display: flex;
-				justify-content: space-between;
-				// align-items: baseline;
-				align-items: flex-end;
-
-				.left {
-					display: flex;
-					// justify-content: space-between;
-					// align-items: center;
-					align-items: baseline;
-
-					// width: 200rpx;
-					.opr {
-						display: flex;
-						align-items: center;
-
-						.icon {
-							width: 32rpx;
-							height: 32rpx;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-						}
-
-						text {
-							padding-left: 3rpx;
-							color: #666666;
-						}
-					}
-
-					.pernum {
-						color: #666666;
-
-						// font-size: 30rpx;
-					}
-
-					.price {
-						// font-size: 40rpx;
-						font-weight: bold;
-						color: #f8a551;
-						padding-right: 10rpx;
-					}
-				}
-
-				.btn {
-					z-index: 5;
-					border: none;
-					padding: 0;
-					text-align: center;
-					// padding: 8px, 24px, 8px, 24px;
-					background-color: rgba(48, 129, 232, 1);
-					color: #fff;
-					border-radius: 100rpx;
-					float: right;
-					width: 144rpx;
-					height: 48rpx;
-					line-height: 48rpx;
-					letter-spacing: 1px;
-				}
-			}
-		}
-	}
+.teaching_case {
+  display: flex;
+  justify-content: space-between;
+  // margin-bottom: 10px;
+  background-color: #ffffff;
+  padding: 20rpx 30rpx;
+
+  // padding-bottom: 50rpx;
+  .img {
+    width: 160rpx;
+    height: 160rpx;
+
+    image {
+      width: 100%;
+      height: 100%;
+      border-radius: 10rpx;
+    }
+  }
+
+  .right {
+    padding-left: 20rpx;
+    flex: 1;
+    // height: 300px;
+    width: 100rpx;
+    display: flex;
+    flex-direction: column;
+    // align-content: flex-end ;
+    justify-content: space-between;
+    // align-content: space-between;
+
+    .title {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      margin-bottom: 15rpx;
+
+      // margin-bottom: 10rpx;
+      .tag {
+        border: 1px #00b2b6 solid;
+        flex-shrink: 0;
+        letter-spacing: 2rpx;
+        width: 64rpx;
+        height: 32rpx;
+        display: flex;
+        white-space: nowrap;
+        justify-content: center;
+        align-items: center;
+        border-radius: 4rpx;
+        margin-right: 10rpx;
+        color: #00b2b6;
+        line-height: 32rpx;
+        // border: 1px #00b2b6 solid;
+        // font-size: 20rpx;
+        // width: 94rpx;
+        // display: flex;
+        // height: 36rpx;
+        // white-space: nowrap;
+        // justify-content: center;
+        // align-items: center;
+        // // padding: 4px 12px 4px 12px;
+        // border-radius: 5rpx;
+        // margin-right: 10rpx;
+        // color: #00b2b6;
+      }
+
+      text {
+        font-weight: bold;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+
+    .introduce {
+      // font-size: 28rpx;
+      color: #a7a7a7;
+      // padding: 20rpx 0;
+      // width: 560rpx;
+      height: 40rpx;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .operate {
+      display: flex;
+      justify-content: space-between;
+      // align-items: baseline;
+      align-items: flex-end;
+
+      .left {
+        display: flex;
+        // justify-content: space-between;
+        // align-items: center;
+        align-items: baseline;
+
+        // width: 200rpx;
+        .opr {
+          display: flex;
+          align-items: center;
+
+          .icon {
+            width: 32rpx;
+            height: 32rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+
+          text {
+            padding-left: 3rpx;
+            color: #666666;
+          }
+        }
+
+        .pernum {
+          color: #666666;
+
+          // font-size: 30rpx;
+        }
+
+        .price {
+          // font-size: 40rpx;
+          font-weight: bold;
+          color: #f8a551;
+          padding-right: 10rpx;
+        }
+      }
+
+      .btn {
+        z-index: 5;
+        border: none;
+        padding: 0;
+        text-align: center;
+        // padding: 8px, 24px, 8px, 24px;
+        background-color: rgba(48, 129, 232, 1);
+        color: #fff;
+        border-radius: 100rpx;
+        float: right;
+        width: 144rpx;
+        height: 48rpx;
+        line-height: 48rpx;
+        letter-spacing: 1px;
+      }
+    }
+  }
+}
 </style>

pages.json

@@ -60,14 +60,14 @@
             }
 
         },
-		// {
-  //           "path": "pages/message/messageDetail",
-  //           "style": {
-  //               "navigationBarTitleText": "活动消息",
-  //               "enablePullDownRefresh": false
-  //           }
+		{
+            "path": "pages/skipone/skipone",
+            "style": {
+                "navigationBarTitleText": "外部链接",
+                "enablePullDownRefresh": false
+            }
 
-  //       }, 
+        }, 
 		{
             "path": "pages/mine/mine",
             "style": {

pages/activityPage/activityPage.vue

@@ -1,348 +1,377 @@
 <template>
-	<view class="activity">
-		<statusBar :item="navBarData"></statusBar>
-		<viewX-Case class="mid">
-			<template #title>
-				<view class="title three-font">活动直播</view>
-			</template>
-			<template #lookMore>
-				<view class="lookMore fz-font">
-					查看更多
-				</view>
-			</template>
-			<template #activeBlock>
-				<view class="activeData" v-for="(item,index) in liveList" :key="index">
-					<!-- <image src="http://43.139.158.220:5007/img/static/activity/bg1.png" mode="aspectFill"></image> -->
-					<image :src="liveList[index].img" mode="aspectFill"></image>
-
-					<view class="liveBroadcast">
-						<view class="title">
-							<view class="tag bqZ-font">类型</view>
-							<text three-font>{{ item.className }}</text>
-						</view>
-
-						<view class="operate">
-							<view class="left">
-								<view class="img">
-									<image :src="liveList[index].imgName"></image>
-								</view>
-								<view class="user fwb-font">{{ item.name }}</view>
-							</view>
-							<view class="collection">
-
-								<!-- <view class="" style="display: flex;margin-right: 10rpx;align-items: center;"> -->
-								<view class="img">
-									<image src="http://43.139.158.220:5007/img/static/yym/Vector (Stroke) (2).png"
-										mode="aspectFill"></image>
-								</view>
-								<text class="fz-font">收藏</text>
-
-							</view>
-						</view>
-					</view>
-				</view>
-			</template>
-		</viewX-Case>
-
-		<viewX-Case style="margin-top: 10px;">
-			<template #title>
-				<view class="title three-font">活动推荐</view>
-			</template>
-			<template #lookMore>
-				<view class="lookMore fz-font" @click="lookMore">查看更多</view>
-			</template>
-			<template #activeBlock>
-				<!-- <activity-case v-for="i in 10" :key="i"></activity-case> -->
-				<teaching-case v-for="(item,index) in activeList" :item="actData" :key="index"
-					:activeList="item"></teaching-case>
-			</template>
-		</viewX-Case>
-
-
-
-		<!-- 		<uni-fab ref="fab" 
+  <view class="activity">
+    <statusBar :item="navBarData"></statusBar>
+    <viewX-Case class="mid">
+      <template #title>
+        <view class="title three-font">直播活动</view>
+      </template>
+      <template #lookMore>
+        <view class="lookMore fz-font"> 查看更多 </view>
+      </template>
+      <template #activeBlock>
+        <view
+          class="activeData"
+          v-for="(item, index) in liveList"
+          :key="index"
+          @click="gotoAnnoun(index)"
+        >
+          <!-- <image src="http://43.139.158.220:5007/img/static/activity/bg1.png" mode="aspectFill"></image> -->
+          <image :src="liveList[index].img" mode="aspectFill"></image>
+
+          <view class="liveBroadcast">
+            <view class="title">
+              <view class="tag bqZ-font">类型</view>
+              <text three-font>{{ item.className }}</text>
+            </view>
+
+            <view class="operate">
+              <view class="left">
+                <view class="img">
+                  <image
+                    :src="liveList[index].imgName"
+                    mode="aspectFill"
+                  ></image>
+                </view>
+                <view class="user fwb-font">{{ item.name }}</view>
+              </view>
+              <view class="collection">
+                <!-- <view class="" style="display: flex;margin-right: 10rpx;align-items: center;"> -->
+                <view class="img">
+                  <image
+                    src="http://43.139.158.220:5007/img/static/yym/Vector (Stroke) (2).png"
+                    mode="aspectFill"
+                  ></image>
+                </view>
+                <text class="fz-font">收藏</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </template>
+    </viewX-Case>
+
+    <viewX-Case style="margin-top: 10px">
+      <template #title>
+        <view class="title three-font">常规教研活动</view>
+      </template>
+      <template #lookMore>
+        <view class="lookMore fz-font" @click="lookMore">查看更多</view>
+      </template>
+      <template #activeBlock>
+        <!-- <activity-case v-for="i in 10" :key="i"></activity-case> -->
+        <teaching-case
+          v-for="(item, index) in activeList"
+          :item="actData"
+          :key="index"
+          :activeList="item"
+          :indexId="index"
+        ></teaching-case>
+      </template>
+    </viewX-Case>
+
+    <!-- 		<uni-fab ref="fab" 
 		:pattern="pattern" 
 		:horizontal="horizontal" 
 		:vertical="vertical"
 		:direction="direction"
 		buttonColor="#0056a8"
 		@fabClick="fabClick" /> -->
-		<view class="" style="height: 30rpx;width: 100%;">
-
-		</view>
-		<view class="qiu" @click="fabClick">
-			<image src="/static/yym/jia.png" mode="aspectFill"></image>
-		</view>
-	</view>
+    <view class="" style="height: 30rpx; width: 100%"> </view>
+    <view class="qiu" @click="fabClick">
+      <image src="/static/yym/jia.png" mode="aspectFill"></image>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				navBarData: {
-					title: '活动', //导航栏标题
-					btn: 0 //是否显示返回按钮 0不显示  1 显示
-				},
-				actData: {
-					btn: 1
-				},
-				title: 'uni-fab',
-				liveList: [{
-						img: "http://43.139.158.220:5007/img/static/mine/img1.jpg",
-						className: "创业者管理能力训练基础",
-						imgName: "http://43.139.158.220:5007/img/static/activity/Name1.png",
-						name: "李芳"
-					},
-					{
-						img: "http://43.139.158.220:5007/img/static/mine/img2.jpg",
-						className: '创业融资实务',
-						imgName: "http://43.139.158.220:5007/img/static/activity/Name2.png",
-						name: "郑秀"
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img3.jpg',
-						className: '创业基础',
-						imgName: "http://43.139.158.220:5007/img/static/activity/Name3.png",
-						name: "杨哲旗"
-					},
-					{
-						img: "http://43.139.158.220:5007/img/static/mine/img4.jpg",
-						className: "打造无敌商业计划书",
-						imgName: "http://43.139.158.220:5007/img/static/activity/Name2.png",
-						name: "杨广"
-					}
-				],
-				activeList: [{
-						img: 'http://43.139.158.220:5007/img/static/mine/img10.jpg',
-						count: '1790',
-						className: '创新思维开发与落地',
-						intro: '《暂无简介》'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img11.jpg',
-						count: '3842',
-						className: '创业意识与商机识别',
-						intro: '在创新创业的大氛围下，课堂上常常强调要以项目为中心，你却苦于迟迟无法最终确定具体的项目？那么，《创业意识与商机识别》这门课程可以帮助你。'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img12.png',
-						count: '701',
-						className: '机电（机械）技术创新创业实务',
-						intro: '该课程是针对机电、机械行业、企业用户的一门关于创新创业的培训类课程。在国家“大众创业、万众创新”的新时代背景下，创新是引领一个企业发展的第一动力。为推动科技不断进步、促进企业快速健康发展，开发了《机电（机械）技术创新创业实务》课程。计划为36学时，理论讲授30学时，实践案例分析和操作6学时'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img13.jpg',
-						count: '823',
-						className: '打造黄金创始人团队',
-						intro: '如何摆正自己的工作态度和位置，清醒认识到自己的职责，学会选人用人，努力提高领导力和执行力，带好团队，并最终成为一个卓越的管理者呢？本课程提供给你建议'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img14.jpg',
-						count: '2287',
-						className: '创业素质测评与团队组建',
-						intro: '本课程采取案例分析、研讨、游戏的方式使同学们的聪明才智能够有发挥的空间，话语权能够得到满足。通过完成团队任务的方式使大家逐渐与陌生人建立良好沟通关系，掌握沟通技巧，使自己具有使命感、懂得感恩。'
-					},
-				],
-			};
-		},
-		methods: {
-			lookMore() {
-				const value = uni.getStorageSync('login');
-				if (value==0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: '/pages/activityList/activityList'
-					})
-				}
-
-			},
-			fabClick() {
-				const value = uni.getStorageSync('login');
-				if (value==0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: '/pages/publish/publish'
-					})
-				}
-				
-			},
-			onChange: function(e) {
-				this.old.x = e.detail.x
-				this.old.y = e.detail.y
-			}
-		}
-	}
+export default {
+  data() {
+    return {
+      navBarData: {
+        title: "活动", //导航栏标题
+        btn: 0, //是否显示返回按钮 0不显示  1 显示
+      },
+      actData: {
+        btn: 1,
+      },
+      title: "uni-fab",
+      liveList: [
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img1.png",
+          className: "丽湖职教双创教育国际虚拟教研室2023年常规教研活动安排",
+          imgName: "http://43.139.158.220:5007/img/static/activity/Name1.png",
+          name: "李芳",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img2.png",
+          className: "创业融资实务",
+          className:
+            "赛创融合、协同育人—高职院校双创大赛赛事组织| 丽湖职教双创教育国际虚拟教研室常规教研活动第3期顺利举",
+          name: "郑秀",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img3.png",
+          className:
+            "产教融合情境下的双创通识课程建设 | 丽湖职教双创教育国际虚拟教研室常规教研活动第2期顺利举行",
+          imgName: "http://43.139.158.220:5007/img/static/activity/Name3.png",
+          name: "杨哲旗",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img4.png",
+          className:
+            "打造双创“金课” | 丽湖职教双创教育国际虚拟教研室常规教研活动第1期顺利举行",
+          imgName: "http://43.139.158.220:5007/img/static/activity/Name2.png",
+          name: "杨广",
+        },
+      ],
+      activeList: [
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img1.png",
+          count: "17",
+          className: "丽湖职教双创教育国际虚拟教研室2023年常规教研活动安排",
+          intro:
+            "丽湖职教双创教育国际虚拟教研室为立足全国，辐射海外的国际化教研室，围绕创新创业教育的人才培养与课程建设开展深度研究。教研室以贯彻落实立德树人根本任务，通过加强跨专业、跨校、跨地域的教研交流，推动高校协同打造国际化的精品教学资",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img2.png",
+          count: "6",
+          className:
+            "赛创融合、协同育人—高职院校双创大赛赛事组织| 丽湖职教双创教育国际虚拟教研室常规教研活动第3期顺利举",
+          intro:
+            " 为全面落实双创教育“以赛促教、以赛促学、以赛促创”，提升学校双创大赛的组织效果和参赛成绩，促进更多教育成果落地，实现赛创融合育人的目标，丽湖职教双创教育国际虚拟教研室于4月26日组织举办了第3期线上教研活动，活动主题为“赛",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img3.png",
+          count: "1",
+          className:
+            "产教融合情境下的双创通识课程建设 | 丽湖职教双创教育国际虚拟教研室常规教研活动第2期顺利举行",
+          intro:
+            "【图片】为提升职业院校双创课程建设水平，促进双创课程的改革与发展，丽湖职教双创教育国际虚拟教研室于3月29日组织举办了以“产教融合情境下的双创通识课程建设”为主题的第2期线上教研活动，来自全国各职业院校的60多位教师参会。本",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img4.png",
+          count: "0",
+          className:
+            "打造双创“金课” | 丽湖职教双创教育国际虚拟教研室常规教研活动第1期顺利举行",
+          intro:
+            "为推动高职院校双创课程建设，打造更多的双创精品课程和金课，丽湖职教双创教育国际虚拟教研室于2月22日组织举办了以“如何打造高职双创金课”为主题的第1期教研活动，来自全国各高职院校的80多位教师参会。本次活动由",
+        },
+      ],
+    };
+  },
+  methods: {
+    lookMore() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        uni.navigateTo({
+          url: "/pages/activityList/activityList",
+        });
+      }
+    },
+    fabClick() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        uni.navigateTo({
+          url: "/pages/publish/publish",
+        });
+      }
+    },
+    gotoAnnoun(index) {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        const urls = [
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1183",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1211",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1210",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1209",
+        ];
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+    onChange: function (e) {
+      this.old.x = e.detail.x;
+      this.old.y = e.detail.y;
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-	.activity {
-		.qiu {
-			width: 90rpx;
-			height: 90rpx;
-			position: fixed;
-			z-index: 19;
-			right: 30rpx;
-			bottom: 10vh;
-			border-radius: 50%;
-			background-color: rgba(0, 86, 168, 1);
-			display: flex;
-			justify-content: center;
-			align-items: center;
-
-			image {
-				position: absolute;
-
-				width: 36rpx;
-				height: 36rpx;
-			}
-
-		}
-
-		.mid {
-
-			// margin:20px 0;
-			.activeData {
-				width: 460rpx;
-				display: inline-block;
-				margin-right: 20px;
-
-				image {
-					width: 100%;
-					height: 120px;
-					border-radius: 10px;
-					margin-bottom: 10px;
-				}
-
-				.liveBroadcast {
-					flex: 1;
-					width: 460rpx;
-					display: flex;
-					flex-direction: column;
-					align-content: flex-end;
-
-					.title {
-						display: flex;
-						align-items: center;
-						margin-bottom: 10rpx;
-
-						.tag {
-							// border: 1px #00b2b6 solid;
-							// // font-size: 12px;
-							// width: 64rpx;
-							// height: 38rpx;
-							// display: flex;
-							// white-space: nowrap;
-							// justify-content: center;
-							// align-items: center;
-							// // padding: 2px 4px;
-							// padding: 1rpx 4rpx;
-							// border-radius: 3px;
-							// margin-right: 10rpx;
-							// color: #00b2b6;
-							border: 1px #00b2b6 solid;
-							font-size: 20rpx;
-							width: 64rpx;
-							display: flex;
-							height: 34rpx;
-							white-space: nowrap;
-							justify-content: center;
-							align-items: center;
-							// padding: 4px 12px 4px 12px;
-							border-radius: 5rpx;
-							margin-right: 10rpx;
-							color: #00b2b6;
-						}
-
-						text {
-							// display: -webkit-box;//对象作为弹性伸缩盒子模型显示
-							// overflow: hidden;//溢出隐藏
-							// -webkit-box-orient: vertical;//设置伸缩盒子对象的子元素的排列方式
-							// -webkit-line-clamp: 2;//设置 块元素包含的文本行数
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-
-					}
-
-					.operate {
-						display: flex;
-						justify-content: space-between;
-						align-items: center;
-						padding: 20rpx 0;
-						color: #666666;
-
-						// margin-bottom: 20rpx;
-						// padding-bottom: 20rpx;
-						.left {
-							display: flex;
-							align-items: center;
-
-							.img {
-								width: 48rpx;
-								height: 48rpx;
-								margin-right: 10rpx;
-
-								image {
-									width: 100%;
-									height: 100%;
-									border-radius: 50%;
-								}
-							}
-
-							.user {}
-
-						}
-
-						.collection {
-							display: flex;
-							align-items: center;
-							justify-content: space-between;
-							width: 88rpx;
-							height: 32rpx;
-							position: relative;
-
-							.img {
-								position: absolute;
-								left: 0;
-								top: 6rpx;
-								transform: translate(-130%, 0);
-							}
-
-							image {
-								width: 27rpx;
-								height: 25rpx;
-								display: block;
-							}
-
-							// float: right;
-							// font-size: 14px;
-							// padding-top: 10px;
-						}
-					}
-				}
-			}
-
-			.activeData:nth-child(1) {
-				margin-left: 15px;
-			}
-		}
-
-		.title {
-			font-weight: bold;
-			// color: #999999;
-		}
-
-		.lookMore {
-			color: #666666;
-			// font-size: 14px;
-		}
-	}
+.activity {
+  .qiu {
+    width: 90rpx;
+    height: 90rpx;
+    position: fixed;
+    z-index: 19;
+    right: 30rpx;
+    bottom: 10vh;
+    border-radius: 50%;
+    background-color: rgba(0, 86, 168, 1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    image {
+      position: absolute;
+
+      width: 36rpx;
+      height: 36rpx;
+    }
+  }
+
+  .mid {
+    // margin:20px 0;
+    .activeData {
+      width: 460rpx;
+      display: inline-block;
+      margin-right: 20px;
+
+      image {
+        width: 100%;
+        height: 120px;
+        border-radius: 10px;
+        margin-bottom: 10px;
+      }
+
+      .liveBroadcast {
+        flex: 1;
+        width: 460rpx;
+        display: flex;
+        flex-direction: column;
+        align-content: flex-end;
+
+        .title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 10rpx;
+
+          .tag {
+            // border: 1px #00b2b6 solid;
+            // // font-size: 12px;
+            // width: 64rpx;
+            // height: 38rpx;
+            // display: flex;
+            // white-space: nowrap;
+            // justify-content: center;
+            // align-items: center;
+            // // padding: 2px 4px;
+            // padding: 1rpx 4rpx;
+            // border-radius: 3px;
+            // margin-right: 10rpx;
+            // color: #00b2b6;
+            border: 1px #00b2b6 solid;
+            font-size: 20rpx;
+            width: 64rpx;
+            display: flex;
+            height: 34rpx;
+            white-space: nowrap;
+            justify-content: center;
+            align-items: center;
+            // padding: 4px 12px 4px 12px;
+            border-radius: 5rpx;
+            margin-right: 10rpx;
+            color: #00b2b6;
+          }
+
+          text {
+            // display: -webkit-box;//对象作为弹性伸缩盒子模型显示
+            // overflow: hidden;//溢出隐藏
+            // -webkit-box-orient: vertical;//设置伸缩盒子对象的子元素的排列方式
+            // -webkit-line-clamp: 2;//设置 块元素包含的文本行数
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+
+        .operate {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 20rpx 0;
+          color: #666666;
+
+          // margin-bottom: 20rpx;
+          // padding-bottom: 20rpx;
+          .left {
+            display: flex;
+            align-items: center;
+
+            .img {
+              width: 48rpx;
+              height: 48rpx;
+              margin-right: 10rpx;
+
+              image {
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+              }
+            }
+
+            .user {
+            }
+          }
+
+          .collection {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            width: 88rpx;
+            height: 32rpx;
+            position: relative;
+
+            .img {
+              position: absolute;
+              left: 0;
+              top: 6rpx;
+              transform: translate(-130%, 0);
+            }
+
+            image {
+              width: 27rpx;
+              height: 25rpx;
+              display: block;
+            }
+
+            // float: right;
+            // font-size: 14px;
+            // padding-top: 10px;
+          }
+        }
+      }
+    }
+
+    .activeData:nth-child(1) {
+      margin-left: 15px;
+    }
+  }
+
+  .title {
+    font-weight: bold;
+    // color: #999999;
+  }
+
+  .lookMore {
+    color: #666666;
+    // font-size: 14px;
+  }
+}
 </style>

pages/hdxx/hdxx.vue

@@ -1,25 +1,29 @@
 <template>
-	<view class="hdxx">
-		<statusBar :item="navBarData"></statusBar>
-		<view class="content">
-			<view class="text">
-				<view class="header">
-					<view class="disC three-font">
-						活动发布成功
-						<text class="sj fwb-font">13:28</text>
-					</view>
-				</view>
-				<view class="main">
-					<view class="fwb-font">
-						恭喜！您已成功完成
-						<text class="btn-font" style="color: #0056a8;">“创业意识与商机识别讲座”</text>
-						活动发布过程。您的活动现在已经在我们的平台上正式上线，可以被其他用户浏览和参加。请随时返回您的活动管理页面，以进行任何进一步的编辑、更新或促进活动的操作。
-					</view>
-				</view>
-			</view>
-		</view>
-		
-		<!-- <view class="content">
+  <view class="hdxx">
+    <statusBar :item="navBarData"></statusBar>
+    <view class="content" @click="gotoInform">
+      <view class="text">
+        <view class="header">
+          <view class="disC three-font">
+            活动开始提醒
+            <text class="sj fwb-font">13:28</text>
+          </view>
+        </view>
+        <view class="main">
+          <view class="fwb-font">
+            <text class="btn-font" style="color: #0056a8"
+              >“丽湖职教双创教育国际虚拟教研室·常规教研活动第9期”</text
+            >
+            活动现在已经在我们的平台上正式上
+            线，欢迎您点击浏览和积极参加。不要错过这个令
+            人兴奋的机会，我们期待着与您一同度过难忘的时
+            光。点击活动名称进入活动详情哦！
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- <view class="content">
 			<view class="text">
 				<view class="header">
 					<view>
@@ -78,7 +82,7 @@
 				</view>
 			</view>
 		</view> -->
-<!-- 		<view class="content">
+    <!-- 		<view class="content">
 			<view class="text">
 				<view class="header">
 					<view class="disC three-font">
@@ -100,72 +104,91 @@
 				</view>
 			</view>
 		</view> -->
-	</view>
+  </view>
 </template>
 
 <script>
 export default {
-	data() {
-		return {
-			navBarData: {
-				title: '活动消息',
-				btn: 1
-			}
-		};
-	}
+  data() {
+    return {
+      navBarData: {
+        title: "活动消息",
+        btn: 1,
+      },
+    };
+  },
+  methods: {
+    gotoInform() {
+      // const web = this.classList[this.current];
+      const url =
+        "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1234";
+      uni.navigateTo({
+        url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+      });
+    },
+  },
 };
 </script>
 
 <style lang="scss">
-	.hdxx{
-		padding-bottom: 80rpx;
-	}
+.hdxx {
+  padding-bottom: 80rpx;
+}
+
 .content {
-	padding: 10px;
-	margin: 10px;
-	background-color: white;
-	border-radius: 8px;
-	// margin-top: 5px;
-	.disC{
-		display: flex;
-		justify-content: space-between;
-		align-items: baseline;
-	}
-	.text {
-		.header {
-			view {
-				color: black;
-				// font-size: 16px;
-				font-weight: 600;
-				margin-bottom: 10px;
-				display: flex;
-				justify-content: space-between;
-				.sj {
-					color: #999999;
-					// font-size: 13px;
-					font-weight: 500;
-				}
-			}
-		}
-		.main {
-			color: #999999;
-			view {
-				font-weight: 400;
-				// font-size: 14px;
-				text-indent: 2em;
-				view {
-					color: #0056a8;
-					font-weight: 600;
-				}
-			}
-			.custom-list {
-				padding-left: 5px;
-				padding-top: 3px;
-			}
-			.custom-list .list-item::before {
-				content: '• ';
-			}
-		}
-	}
+  padding: 10px;
+  margin: 10px;
+  background-color: white;
+  border-radius: 8px;
+
+  // margin-top: 5px;
+  .disC {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+  }
+
+  .text {
+    .header {
+      view {
+        color: black;
+        // font-size: 16px;
+        font-weight: 600;
+        margin-bottom: 10px;
+        display: flex;
+        justify-content: space-between;
+
+        .sj {
+          color: #999999;
+          // font-size: 13px;
+          font-weight: 500;
+        }
+      }
+    }
+
+    .main {
+      color: #999999;
+
+      view {
+        font-weight: 400;
+        // font-size: 14px;
+        text-indent: 2em;
+
+        view {
+          color: #0056a8;
+          font-weight: 600;
+        }
+      }
+
+      .custom-list {
+        padding-left: 5px;
+        padding-top: 3px;
+      }
+
+      .custom-list .list-item::before {
+        content: "• ";
+      }
+    }
+  }
 }
-</style>
+</style>

pages/index/index.vue

@@ -1,298 +1,312 @@
 <template>
-	<view class="content">
-		<statusBar :item="navBarData"></statusBar>
-		<view class="top">
-			<!-- <image src="http://43.139.158.220:5007/img/static/logo.png" mode="aspectFill"></image> -->
-			<image src="http://43.139.158.220:5007/img/static/yym/Rectangle25.png" mode="aspectFill"></image>
-		</view>
+  <view class="content">
+    <statusBar :item="navBarData"></statusBar>
+    <view class="top">
+      <!-- <image src="http://43.139.158.220:5007/img/static/logo.png" mode="aspectFill"></image> -->
+      <image
+        src="http://43.139.158.220:5007/img/static/yym/Rectangle25.png"
+        mode="aspectFill"
+        @click="gotoHome"
+      >
+      </image>
+    </view>
 
-		<viewX-Case class="mid">
-			<template #title>
-				<view class="title three-font">精选活动</view>
-			</template>
-			<template #lookMore>
-				<view class="lookMore fz-font" @click="gotoActivity">查看更多</view>
-			</template>
-			<template #activeBlock>
-				<view class="activeData" @click="gotoActivityDetail" v-for="(item,index) in activeList" :key="index">
-					<image :src="item.img" mode="aspectFill"></image>
-					<view class="activeTit sBtn-font" style="font-weight: bold;">
-						{{ item.className }}
-					</view>
-					<view class="numData">
-						<view class="proNum bqZ-font">{{ item.count }} 人报名</view>
-						<view class="price num-font"> <text class="fz-font">￥</text>299</view>
-					</view>
-					<button class="btn sBtn-font" @click.stop="gotoHd">立即报名</button>
-				</view>
-			</template>
-		</viewX-Case>
+    <viewX-Case class="mid">
+      <template #title>
+        <view class="title three-font">专题教研活动</view>
+      </template>
+      <template #lookMore>
+        <view class="lookMore fz-font" @click="gotoActivity">查看更多</view>
+      </template>
+      <template #activeBlock>
+        <view
+          class="activeData"
+          @click="gotoActivityDetail(index)"
+          v-for="(item, index) in activeList"
+          :key="index"
+        >
+          <image :src="item.img" mode="aspectFill"></image>
+          <view class="activeTit sBtn-font" style="font-weight: bold">
+            {{ item.className }}
+          </view>
+          <view class="numData">
+            <view class="proNum bqZ-font">{{ item.count }} 人报名</view>
+            <view class="price num-font">
+              <text class="fz-font">￥</text>299</view
+            >
+          </view>
+          <button class="btn sBtn-font" @click.stop="gotoHd(index)">
+            立即报名
+          </button>
+        </view>
+      </template>
+    </viewX-Case>
 
-
-		<viewX-Case>
-			<template #title>
-				<view class="title three-font">教研室活动</view>
-			</template>
-			<template #lookMore>
-				<view class="lookMore fz-font" @click="teachmore">查看更多</view>
-			</template>
-			<template #teaching>
-				<teaching-case v-for="(item,index) in classList" :key="index" :classList='item'></teaching-case>
-			</template>
-		</viewX-Case>
-		<view class="" style="height: 30rpx;width: 100%;">
-
-		</view>
-	</view>
+    <viewX-Case>
+      <template #title>
+        <view class="title three-font">推荐课程</view>
+      </template>
+      <template #lookMore>
+        <view class="lookMore fz-font" @click="teachmore">查看更多</view>
+      </template>
+      <template #teaching>
+        <teaching-case
+          v-for="(item, index) in classList"
+          :key="index"
+          :classList="item"
+          :indexId="index"
+        ></teaching-case>
+      </template>
+    </viewX-Case>
+    <view class="" style="height: 30rpx; width: 100%"> </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				title: 'Hello',
-				navBarData: {
-					title: '首页', //导航栏标题
-					btn: 0 //是否显示返回按钮 0不显示  1 显示
-				},
-				activeList: [{
-						img: 'http://43.139.158.220:5007/img/static/mine/img11.jpg',
-						count: '3842',
-						className: '创业意识与商机识别',
-						intro: '在创新创业的大氛围下，课堂上常常强调要以项目为中心，你却苦于迟迟无法最终确定具体的项目？那么，《创业意识与商机识别》这门课程可以帮助你。'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img10.jpg',
-						count: '1790',
-						className: '创新思维开发与落地',
-						intro: '《暂无简介》'
-					},
-
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img12.png',
-						count: '701',
-						className: '机电（机械）技术创新创业实务',
-						intro: '该课程是针对机电、机械行业、企业用户的一门关于创新创业的培训类课程。在国家“大众创业、万众创新”的新时代背景下，创新是引领一个企业发展的第一动力。为推动科技不断进步、促进企业快速健康发展，开发了《机电（机械）技术创新创业实务》课程。计划为36学时，理论讲授30学时，实践案例分析和操作6学时'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img13.jpg',
-						count: '823',
-						className: '打造黄金创始人团队',
-						intro: '如何摆正自己的工作态度和位置，清醒认识到自己的职责，学会选人用人，努力提高领导力和执行力，带好团队，并最终成为一个卓越的管理者呢？本课程提供给你建议'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img14.jpg',
-						count: '2287',
-						className: '创业素质测评与团队组建',
-						intro: '本课程采取案例分析、研讨、游戏的方式使同学们的聪明才智能够有发挥的空间，话语权能够得到满足。通过完成团队任务的方式使大家逐渐与陌生人建立良好沟通关系，掌握沟通技巧，使自己具有使命感、懂得感恩。'
-					},
-				],
-				classList: [{
-						img: 'http://43.139.158.220:5007/img/static/mine/img1.jpg',
-						className: '创业者管理能力训练基础',
-						intro: '《创业者管理能力训练基础》通过管理学、营销学、财税理论、创业基础知识及创业操作实务的提炼，以专题化的形式面向高职类所有专业的学生。本课程一共有三大部分、七个专题。分别为：第一部分，一般管理者能力训练基础，四个专题，即自我管理能力训练、团队管理能力训练、社会关系管理能力训练与团队建设能力训练。第二部分，创业者重要能力的领悟与训练，二个专题，即成功创业者的智力要素、成功创业者商务能力的领悟与训练。第三部分是咖啡厅实践训练。'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img2.jpg',
-						className: '创业融资实务',
-						intro: '本课程是创业管理专业、创业班的核心课程，根据专业培养目标的定位，主要面向创投机构服务专员岗位，培养该岗位应具备的相关创业融资知识和技能。课程主要采用“做中学”体验式的设计理念，引入真实项目进行“理实一体实战训练”。'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img3.jpg',
-						className: '创业基础',
-						intro: '《创业基础》是一门面向高等院校学生与社会青年开设一门必修的基础理论和易于实际操作的创业综合基础课程。旨激发学员创业激情，增强创业意识，培养学员具备创业基础知识与基本能力，为大学生自主创业、拓展就业及开创事业等提供系统的理论与实践支持。是顺应新时代社会经济与高校教育发展的要求，以市场变化及其趋势为前提，从人才培养机理与中小企业成长规律的角度出发，结合教师多年创业教育与企业家人才培养成功经验，运用企业现代管理新观念，让学员掌握中小企业开办与管理全过程的理论和实务的一门创业综合基础课程。'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img4.jpg',
-						className: '打造无敌商业计划书',
-						intro: '暂无简介'
-					},
-					{
-						img: 'http://43.139.158.220:5007/img/static/mine/img5.jpg',
-						className: '创新思维',
-						intro: '将创新思维意识与方法技能双元结合，综合微课学习与创造力实践训练融合演进，实现在线学习与配套教材混合驱动。'
-					},
-				]
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			teachmore() {
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: "/pages/teachingList/teachingList"
-					})
-				}
-
-			},
-			gotoTeDetail() {
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: "/pages/teachingDetail/teachingDetail"
-					})
-				}
-
-			},
-			gotoActivity() {
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: "/pages/activityList/activityList"
-					})
-				}
-
-			},
-			gotoActivityDetail() {
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						// url: "/pages/activityList/activityList"
-						url: '/pages/activityDetail/activityDetail'
-					})
-				}
-			},
-			gotoHd() {
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					console.log(11);
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					uni.navigateTo({
-						url: '/pages/hd/hd',
-					})
-				}
-
-			},
-
-		}
-	}
+export default {
+  data() {
+    return {
+      title: "Hello",
+      navBarData: {
+        title: "首页", //导航栏标题
+        btn: 0, //是否显示返回按钮 0不显示  1 显示
+      },
+      activeList: [
+        {
+          img: "http://43.139.158.220:5007/img/static/img/1695656271245-image.png",
+          count: "3842",
+          className:
+            "丽湖职教双创教育国际虚拟教研室启动大会暨双创教育国际论坛圆满举行",
+          intro:
+            "丽湖职教双创教育国际虚拟教研室为立足全国，辐射海外的国际化教研室，围绕创新创业教育的人才培养与课程建设开展深度研究。教研室以贯彻落实立德树人根本任务，通过加强跨专业、跨校、跨地域的教研交流，推动高校协同打造国际化的精品教学资",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img1.png",
+          count: "3842",
+          className: "丽湖职教双创教育国际虚拟教研室2023年常规教研活动安排",
+          intro:
+            "为深入贯彻落实立德树人根本任务，提升教师教学育人能力，增强教师将现代信息技术与教育教学深度融合的能力，加强跨专业、跨校、跨地域的双创教研交流，推动职教创新创业教育改革纵深发展，由深圳职业技术学院创新创业学院、联合国教科文组织...",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/img3.png",
+          count: "3842",
+          className:
+            "【图片】为提升职业院校双创课程建设水平，促进双创课程的改革与发展，丽湖职教双创教育国际虚拟教研室于3月29日组织举办了以“产教融合情境下的双创通识课程建设”为主题的第2期线上教研活动，来自全国各职业院校的60多位教师参会。本",
+        },
+      ],
+      classList: [
+        {
+          img: "http://43.139.158.220:5007/img/static/img/jiaoxueship.jpg",
+          className: "教学视频",
+          intro: "课程简介：丽湖职教双创教育国际虚拟教研室教学视频",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/jiaoxuedagang.jpg",
+          className: "教学大纲",
+          intro: "课程简介：丽湖职教双创教育国际虚拟教研室教学大纲",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/peiyangfangan.jpg",
+          className: "培养方案",
+          intro: "课程简介：丽湖职教双创教育国际虚拟教研室培养方案",
+        },
+        {
+          img: "http://43.139.158.220:5007/img/static/img/xitishiti.jpg",
+          className: "习题试题",
+          intro: "课程简介：丽湖职教双创教育国际虚拟教研室习题试题",
+        },
+      ],
+    };
+  },
+  onLoad() {},
+  methods: {
+    teachmore() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        uni.navigateTo({
+          url: "/pages/teachingList/teachingList",
+        });
+      }
+    },
+    gotoTeDetail() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        uni.navigateTo({
+          url: "/pages/teachingDetail/teachingDetail",
+        });
+      }
+    },
+    gotoActivity() {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        uni.navigateTo({
+          url: "/pages/activityList/activityList",
+        });
+      }
+    },
+    gotoActivityDetail(index) {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        const urls = [
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1181",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1183",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1210",
+        ];
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+    gotoHd(index) {
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        console.log(11);
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else {
+        const urls = [
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1181",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1183",
+          "https://szptxnjys.yuketang.cn/pro/portal/announcementdetail/1210",
+        ];
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+    gotoHome() {
+      // const web = this.classList[this.current];
+      const url = "https://mp.weixin.qq.com/s/QZEGcvBn3aW7aHirMFLBQA";
+      uni.navigateTo({
+        url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.content {
-
-		// background-color: ;
-		// background-color: #f0f2f5;
-		.top {
-			width: 750rpx;
-			height: 288rpx;
-			display: flex;
-			margin-bottom: 20rpx;
-			align-items: center;
-			background-color: #fff;
-			justify-content: center;
-
-			image {
-				height: 246rpx;
-				width: 690rpx;
-				border-radius: 12rpx;
-			}
-		}
-
-		.mid {
-			margin: 10px 0;
-			height: 498rpx;
-
-			.activeData {
-				width: 290rpx;
-				display: inline-block;
-				padding-right: 20rpx;
+.content {
+  // background-color: ;
+  // background-color: #f0f2f5;
+  .top {
+    width: 750rpx;
+    height: 288rpx;
+    display: flex;
+    margin-bottom: 20rpx;
+    align-items: center;
+    background-color: #fff;
+    justify-content: center;
 
-				image {
-					width: 100%;
-					height: 80px;
-					border-radius: 10px;
-					margin-bottom: 10rpx;
-				}
+    image {
+      height: 246rpx;
+      width: 690rpx;
+      border-radius: 12rpx;
+    }
+  }
 
-				.activeTit {
-					// font-weight: 600;
-					height: 64rpx;
-					white-space: normal;
-					/*隐藏溢出*/
-					/*当文本溢出包含元素时显示省略符号来代表被修剪的文本*/
-					/*规定段落中的文本不进行换行*/
-					letter-spacing: 2rpx;
-					display: -webkit-box;
-					word-break: break-all;
-					text-overflow: ellipsis;
-					overflow: hidden;
-					-webkit-box-orient: vertical;
-					-webkit-line-clamp: 2;
-					/*设置 需要显示的行数*/
-				}
+  .mid {
+    margin: 10px 0;
+    height: 498rpx;
 
-				.numData {
-					display: flex;
-					justify-content: space-between;
-					align-items: baseline;
+    .activeData {
+      width: 290rpx;
+      display: inline-block;
+      padding-right: 20rpx;
 
-					// padding: 10rpx 0;
-					.proNum {
-						color: #999999;
-						// font-size: 14px;
-					}
+      image {
+        width: 100%;
+        height: 80px;
+        border-radius: 10px;
+        margin-bottom: 10rpx;
+      }
 
-					.price {
-						color: #f68717;
-						// font-size: 18px;
-					}
-				}
+      .activeTit {
+        // font-weight: 600;
+        height: 64rpx;
+        white-space: normal;
+        /*隐藏溢出*/
+        /*当文本溢出包含元素时显示省略符号来代表被修剪的文本*/
+        /*规定段落中的文本不进行换行*/
+        letter-spacing: 2rpx;
+        display: -webkit-box;
+        word-break: break-all;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        /*设置 需要显示的行数*/
+      }
 
-				.btn {
-					border: none;
-					padding: 0;
-					float: left;
-					text-align: center;
-					// padding: 8px 24px 8px 24px;
-					background-color: #3081e8;
-					color: #fff;
-					border-radius: 100rpx;
-					width: 144rpx;
-					height: 48rpx;
-					line-height: 48rpx;
-					letter-spacing: 1px;
-					margin-bottom: 30rpx;
-				}
-			}
+      .numData {
+        display: flex;
+        justify-content: space-between;
+        align-items: baseline;
 
-			.activeData:nth-child(1) {
-				margin-left: 15px;
-			}
-		}
+        // padding: 10rpx 0;
+        .proNum {
+          color: #999999;
+          // font-size: 14px;
+        }
 
-		.title {
-			font-weight: bold;
-		}
+        .price {
+          color: #f68717;
+          // font-size: 18px;
+        }
+      }
 
-		.lookMore {
-			color: #666666;
-			// font-size: 14px;
-		}
+      .btn {
+        border: none;
+        padding: 0;
+        float: left;
+        text-align: center;
+        // padding: 8px 24px 8px 24px;
+        background-color: #3081e8;
+        color: #fff;
+        border-radius: 100rpx;
+        width: 144rpx;
+        height: 48rpx;
+        line-height: 48rpx;
+        letter-spacing: 1px;
+        margin-bottom: 30rpx;
+      }
+    }
 
+    .activeData:nth-child(1) {
+      margin-left: 15px;
+    }
+  }
 
+  .title {
+    font-weight: bold;
+  }
 
-	}
+  .lookMore {
+    color: #666666;
+    // font-size: 14px;
+  }
+}
 </style>

pages/message/message.vue

@@ -1,267 +1,279 @@
 <template>
-	<view class="messBox">
-		<statusBar :item="navbarData"></statusBar>
-		<view class="" v-if="msgLogin==1">
-			<view class="mesItem" @click="goToMesDetail">
-				<view class="leftBox">
-					<view class="mesImg">
-						<image src="http://43.139.158.220:5007/img/static/message/notice.svg" mode="aspectFill"></image>
-					</view>
-
-					<view class="mesBrief">
-						<view class="tit">活动通知</view>
-						<view class="breif fz-font" style="line-height: 40rpx;">活动报名发布</view>
-					</view>
-				</view>
-
-				<view class="right">
-					<view class="">
-						<view v-if="isAll" class="newMessage"></view>
-					</view>
-					<view class="mesTime fz-font">07-12</view>
-				</view>
-			</view>
-
-
-			<view class="mesItem" @click="goToMeGXt">
-				<view class="leftBox">
-					<view class="mesImg">
-						<image src="http://43.139.158.220:5007/img/static/message/system.svg" mode=""></image>
-					</view>
-
-					<view class="mesBrief">
-						<view class="tit ">系统通知</view>
-						<view class="breif fz-font" style="line-height: 40rpx;">已加入“创业者管理能力基础训练”教研室</view>
-					</view>
-				</view>
-
-				<view class="right">
-					<view class="">
-						<view v-if="xt" class="newMessage"></view>
-					</view>
-					<view class="mesTime fz-font">07-12</view>
-				</view>
-			</view>
-
-			<view class="mesItem" @click="goToMegDy">
-				<view class="leftBox">
-					<view class="mesImg">
-						<image src="http://43.139.158.220:5007/img/static/message/subscribe.svg" mode=""></image>
-					</view>
-					<view class="mesBrief">
-						<view class="tit ">订阅消息</view>
-						<view class="breif fz-font" style="line-height: 40rpx;">欢迎订阅“创业者管理能力基础训练”讲座</view>
-					</view>
-				</view>
-				<view class="right">
-					<view class="">
-						<view v-if="dy" class="newMessage"></view>
-					</view>
-					<view class="mesTime fz-font">07-12</view>
-				</view>
-			</view>
-		</view>
-		<view v-else class="noLogin"> <!--  未登录展示样式 -->
-			<view class="mid">
-				<image src="http://43.139.158.220:5007/img/static/yym/Vector.png" mode="aspectFill"></image>
-				<view class="tit" style="">您暂时还没有消息</view>
-				<view class="brief fz-font" style="color: rgba(0, 0, 0, 0.4);">快去登录查看消息吧</view>
-				<view class="btn" @click="gotoLogin">去登录</view>
-			</view>
-		</view>
-
-
-
-
-	</view>
+  <view class="messBox">
+    <statusBar :item="navbarData"></statusBar>
+    <view class="" v-if="msgLogin == 1">
+      <view class="mesItem" @click="goToMesDetail">
+        <view class="leftBox">
+          <view class="mesImg">
+            <image
+              src="http://43.139.158.220:5007/img/static/message/notice.svg"
+              mode="aspectFill"
+            ></image>
+          </view>
+
+          <view class="mesBrief">
+            <view class="tit">活动通知</view>
+            <view class="breif fz-font" style="line-height: 40rpx"
+              >活动开始提醒</view
+            >
+          </view>
+        </view>
+
+        <view class="right">
+          <view class="">
+            <view v-if="isAll" class="newMessage"></view>
+          </view>
+          <view class="mesTime fz-font">07-12</view>
+        </view>
+      </view>
+
+      <view class="mesItem" @click="goToMeGXt">
+        <view class="leftBox">
+          <view class="mesImg">
+            <image
+              src="http://43.139.158.220:5007/img/static/message/system.svg"
+              mode=""
+            ></image>
+          </view>
+
+          <view class="mesBrief">
+            <view class="tit">系统通知</view>
+            <view class="breif fz-font" style="line-height: 40rpx"
+              >已加入“创业者管理能力基础训练”教研室</view
+            >
+          </view>
+        </view>
+
+        <view class="right">
+          <view class="">
+            <view v-if="xt" class="newMessage"></view>
+          </view>
+          <view class="mesTime fz-font">07-12</view>
+        </view>
+      </view>
+
+      <view class="mesItem" @click="goToMegDy">
+        <view class="leftBox">
+          <view class="mesImg">
+            <image
+              src="http://43.139.158.220:5007/img/static/message/subscribe.svg"
+              mode=""
+            ></image>
+          </view>
+          <view class="mesBrief">
+            <view class="tit">订阅消息</view>
+            <view class="breif fz-font" style="line-height: 40rpx"
+              >欢迎订阅“创业者管理能力基础训练”讲座</view
+            >
+          </view>
+        </view>
+        <view class="right">
+          <view class="">
+            <view v-if="dy" class="newMessage"></view>
+          </view>
+          <view class="mesTime fz-font">07-12</view>
+        </view>
+      </view>
+    </view>
+    <view v-else class="noLogin">
+      <!--  未登录展示样式 -->
+      <view class="mid">
+        <image
+          src="http://43.139.158.220:5007/img/static/yym/Vector.png"
+          mode="aspectFill"
+        ></image>
+        <view class="tit" style="">您暂时还没有消息</view>
+        <view class="brief fz-font" style="color: rgba(0, 0, 0, 0.4)"
+          >快去登录查看消息吧</view
+        >
+        <view class="btn" @click="gotoLogin">去登录</view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				navbarData: {
-					title: '消息'
-				},
-				// msgList:[
-				// 	{tit:'hd',isClick:0},
-				// 	{tit:'hd',isClick:0},
-				// 	{tit:'hd',isClick:0},
-				// ]
-				isAll: 1,
-				xt: 1,
-				dy: 1,
-				msgLogin: 0
-				
-			};
-		},
-		methods: {
-			goToMesDetail() {
-				uni.navigateTo({
-					url: '/pages/hdxx/hdxx'
-				});
-				this.isAll = 0
-			},
-			goToMeGXt() {
-				uni.navigateTo({
-					url: '/pages/messageSystem/messageSystem'
-				});
-				this.xt = 0
-			},
-			goToMegDy() {
-				uni.navigateTo({
-					url: '/pages/messageDy/messageDy'
-				});
-				this.dy = 0
-			},
-			gotoLogin() {
-				uni.navigateTo({
-					url: '/pages/login/login?id=1'
-				});
-			}
-		},
-		onShow() {
-			// this.msgLogin = uni.getStorageSync('msgLogin');
-			this.msgLogin = uni.getStorageSync('login');
-		}
-
-	}
+export default {
+  data() {
+    return {
+      navbarData: {
+        title: "消息",
+      },
+      // msgList:[
+      // 	{tit:'hd',isClick:0},
+      // 	{tit:'hd',isClick:0},
+      // 	{tit:'hd',isClick:0},
+      // ]
+      isAll: 1,
+      xt: 1,
+      dy: 1,
+      msgLogin: 0,
+    };
+  },
+  methods: {
+    goToMesDetail() {
+      uni.navigateTo({
+        url: "/pages/hdxx/hdxx",
+      });
+      this.isAll = 0;
+    },
+    goToMeGXt() {
+      uni.navigateTo({
+        url: "/pages/messageSystem/messageSystem",
+      });
+      this.xt = 0;
+    },
+    goToMegDy() {
+      uni.navigateTo({
+        url: "/pages/messageDy/messageDy",
+      });
+      this.dy = 0;
+    },
+    gotoLogin() {
+      uni.navigateTo({
+        url: "/pages/login/login?id=1",
+      });
+    },
+  },
+  onShow() {
+    // this.msgLogin = uni.getStorageSync('msgLogin');
+    this.msgLogin = uni.getStorageSync("login");
+  },
+};
 </script>
 
 <style lang="scss">
-	.messBox {
-		background: #fff;
-		display: flex;
-		flex-direction: column;
-		flex-wrap: nowrap;
-		// align-items: center;
-
-		// 未登录展示样式
-		.noLogin {
-			width: 750rpx;
-			height: 80vh;
-			background-color: #f0f2f5;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-
-			.mid {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				height: 20vh;
-				justify-content: space-between;
-
-				.tit {
-					margin-top: 30rpx;
-					font-weight: 400;
-					color: rgba(0, 0, 0, 0.8);
-					line-height: 48rpx;
-					font-size: 34rpx;
-				}
-
-				.brief {
-					margin-top: 10rpx;
-				}
-
-				image {
-					width: 175rpx;
-					height: 148rpx;
-				}
-
-				.btn {
-					margin-top: 30rpx;
-					width: 160rpx;
-					height: 64rpx;
-					font-size: 28rpx;
-					// font-weight: 600;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-					background-color: rgba(0, 86, 168, 1);
-					border-radius: 100rpx;
-					color: #ffffff;
-				}
-			}
-		}
-
-		.mesItem {
-			display: flex;
-			// flex-direction: row;
-			// flex-wrap: nowrap;
-			// align-items: flex-end;
-			justify-content: space-between;
-			width: 750rpx;
-			padding: 30rpx 20rpx;
-			// position: relative;
-
-			.leftBox {
-				display: flex;
-				justify-content: flex-start;
-				// flex-direction: row;
-				// flex-wrap: nowrap;
-				// align-items: center;
-
-				.mesImg {
-					width: 96rpx;
-					height: 96rpx;
-					// padding: 30rpx 5rpx;
-					margin-right: 25rpx;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				.mesBrief {
-					display: flex;
-					flex-direction: column;
-					justify-content: space-between;
-
-					.tit {
-						font-size: 32rpx;
-						font-weight: 400;
-						line-height: 48rpx;
-						color: #333333;
-					}
-
-					.breif {
-						// font-size: 16px;
-						color: rgba(51, 51, 51, 1);
-					}
-				}
-
-				// .mesBrief:nth-child(1){
-				// 	// font-size: 36rpx;
-				// }
-				// .mesBrief:nth-last-child(1){
-				// 	color: #999;
-				// 	padding: 10rpx 0 0 0;
-				// }
-			}
-
-			.right {
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				align-items: center;
-				padding-top: 10px;
-
-				.mesTime {
-					color: #999;
-					bottom: 30px;
-				}
-
-				.newMessage {
-					width: 16rpx;
-					height: 16rpx;
-					background: red;
-					border-radius: 10rpx;
-				}
-			}
-
-
-		}
-	}
+.messBox {
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  // align-items: center;
+
+  // 未登录展示样式
+  .noLogin {
+    width: 750rpx;
+    height: 80vh;
+    background-color: #f0f2f5;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .mid {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      height: 20vh;
+      justify-content: space-between;
+
+      .tit {
+        margin-top: 30rpx;
+        font-weight: 400;
+        color: rgba(0, 0, 0, 0.8);
+        line-height: 48rpx;
+        font-size: 34rpx;
+      }
+
+      .brief {
+        margin-top: 10rpx;
+      }
+
+      image {
+        width: 175rpx;
+        height: 148rpx;
+      }
+
+      .btn {
+        margin-top: 30rpx;
+        width: 160rpx;
+        height: 64rpx;
+        font-size: 28rpx;
+        // font-weight: 600;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: rgba(0, 86, 168, 1);
+        border-radius: 100rpx;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .mesItem {
+    display: flex;
+    // flex-direction: row;
+    // flex-wrap: nowrap;
+    // align-items: flex-end;
+    justify-content: space-between;
+    width: 750rpx;
+    padding: 30rpx 20rpx;
+    // position: relative;
+
+    .leftBox {
+      display: flex;
+      justify-content: flex-start;
+      // flex-direction: row;
+      // flex-wrap: nowrap;
+      // align-items: center;
+
+      .mesImg {
+        width: 96rpx;
+        height: 96rpx;
+        // padding: 30rpx 5rpx;
+        margin-right: 25rpx;
+
+        image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .mesBrief {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .tit {
+          font-size: 32rpx;
+          font-weight: 400;
+          line-height: 48rpx;
+          color: #333333;
+        }
+
+        .breif {
+          // font-size: 16px;
+          color: rgba(51, 51, 51, 1);
+        }
+      }
+
+      // .mesBrief:nth-child(1){
+      // 	// font-size: 36rpx;
+      // }
+      // .mesBrief:nth-last-child(1){
+      // 	color: #999;
+      // 	padding: 10rpx 0 0 0;
+      // }
+    }
+
+    .right {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      padding-top: 10px;
+
+      .mesTime {
+        color: #999;
+        bottom: 30px;
+      }
+
+      .newMessage {
+        width: 16rpx;
+        height: 16rpx;
+        background: red;
+        border-radius: 10rpx;
+      }
+    }
+  }
+}
 </style>

pages/resource/resource.vue

@@ -1,398 +1,403 @@
 <template>
-	<view class="resource">
-		<statusBar :item="navBarData"></statusBar>
-		<view class="search">
-			<view class="inpSer">
-				<!-- <input type="text" class="inpTxt" placeholder="搜索"> -->
-				<input type="text" class="inpTxt" placeholder-class="fwb-font" placeholder="请输入文本" />
-				<view class="ico">
-					<image src="http://43.139.158.220:5007/img/static/yym/union.png" style="width: 28rpx;height: 28rpx;"
-						mode="aspectFill"></image>
-					<!-- <text class="fwb-font">搜索</text> -->
-				</view>
-			</view>
-			<!-- <view class="inpSer">
-				
-			</view> -->
-			<!-- <uni-search-bar bgColor="#f0f2f5" placeholder="搜索" cancelButton="none" clearButton="none"></uni-search-bar> -->
-		</view>
-
-		<view class="top">
-			<view class="left" @click="phoneLogin" :class="current==0?info1:info2">
-				<text class="">资源库</text>
-				<view v-if="current==0" class="yun">
-					<image src="http://43.139.158.220:5007/img/static/yym/Ellipse 10.png" mode="aspectFill"></image>
-				</view>
-			</view>
-			<view class="right" @click="accountLogin" :class="current==1?info1:info2">
-				<text class="">精品慕课</text>
-				<view v-if="current==1" class="yun">
-					<image src="http://43.139.158.220:5007/img/static/yym/Ellipse 10.png" mode="aspectFill"></image>
-				</view>
-			</view>
-		</view>
-
-		<swiper class="scroll-view-height" :style="{height:swiper+'px'}" @change="swipeIndex" :current="current"
-			:duration="300">
-			<swiper-item>
-				<scroll-view scroll-y="true" :style="{height:swiper+'px'}">
-					<view class="contBox">
-						<!-- <view class="cont" v-for="i in 10"> -->
-						<view class="cont" @click="gotoLogin" v-for="(item, index) in classList" :index="index"
-							:key="index">
-
-							<image class="image" :src="item.url" mode="aspectFill" />
-							<view class="tit btn-font">{{ item.className }}</view>
-							<view class="teacher fz-font">{{ item.th_name }}</view>
-						</view>
-					</view>
-				</scroll-view>
-
-			</swiper-item>
-
-			<swiper-item>
-				<scroll-view scroll-y="true" :style="{height:swiper+'px'}">
-					<view class="contBox">
-						<!-- <view class="cont" v-for="i in 10"> -->
-						<view class="cont" v-for="(item, index) in classList2" :index="index" :key="index">
-
-							<image class="image" :src="item.url" mode="aspectFill" />
-							<view class="tit btn-font">{{ item.className }}</view>
-							<view class="teacher fz-font">{{ item.th_name }}</view>
-						</view>
-					</view>
-				</scroll-view>
-			</swiper-item>
-		</swiper>
-
-
-	</view>
+  <view class="resource">
+    <statusBar :item="navBarData"></statusBar>
+    <view class="search">
+      <uni-search-bar
+        v-model="searchText"
+        bgColor="#f0f2f5"
+        class="btntop"
+        placeholder="搜索"
+        cancelButton="none"
+        clearButton="none"
+      ></uni-search-bar>
+    </view>
+
+    <view class="top">
+      <view
+        class="left"
+        @click="phoneLogin"
+        :class="current == 0 ? info1 : info2"
+      >
+        <text class="">资源库</text>
+        <view v-if="current == 0" class="yun">
+          <image
+            src="http://43.139.158.220:5007/img/static/yym/Ellipse 10.png"
+            mode="aspectFill"
+          ></image>
+        </view>
+      </view>
+      <view
+        class="right"
+        @click="accountLogin"
+        :class="current == 1 ? info1 : info2"
+      >
+        <text class="">精品慕课</text>
+        <view v-if="current == 1" class="yun">
+          <image
+            src="http://43.139.158.220:5007/img/static/yym/Ellipse 10.png"
+            mode="aspectFill"
+          ></image>
+        </view>
+      </view>
+    </view>
+
+    <swiper
+      class="scroll-view-height"
+      :style="{ height: swiper + 'px' }"
+      @change="swipeIndex"
+      :current="current"
+      :duration="300"
+    >
+      <swiper-item>
+        <scroll-view scroll-y="true" :style="{ height: swiper + 'px' }">
+          <view class="contBox">
+            <view
+              class="cont"
+              @click="gotoLogin"
+              v-for="(item, index) in filteredClassList"
+              :index="index"
+              :key="index"
+            >
+              <image class="image" :src="item.url" mode="aspectFill" />
+              <view class="tit btn-font">{{ item.className }}</view>
+              <view class="teacher fz-font">{{ item.th_name }}</view>
+            </view>
+          </view>
+        </scroll-view>
+      </swiper-item>
+
+      <swiper-item>
+        <scroll-view scroll-y="true" :style="{ height: swiper + 'px' }">
+          <view class="contBox">
+            <view
+              class="cont"
+              @click="gotoWeb(index)"
+              v-for="(item, index) in filteredClassList2"
+              :index="index"
+              :key="index"
+            >
+              <image class="image" :src="item.url" mode="aspectFill" />
+              <view class="tit btn-font">{{ item.className }}</view>
+              <view class="teacher fz-font">{{ item.th_name }}</view>
+            </view>
+          </view>
+        </scroll-view>
+      </swiper-item>
+    </swiper>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				navBarData: {
-					title: '资源库',
-					btn: 0
-				},
-				current: 0, //登录方式切换
-				info1: 'info1', //类名
-				info2: 'info2',
-				swiper: 0,
-
-				classList: [{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img5.jpg',
-						className: '创新思维',
-						th_name: '主讲教师： 吴伟'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img4.jpg',
-						className: '打造无敌商业计划书',
-						th_name: '主讲教师： '
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img6.jpg',
-						className: '创业经营',
-						th_name: '主讲教师： 黄伟贤'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img1.jpg',
-						className: '创业者管理能力训练基础',
-						th_name: '主讲教师： 李芳'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img3.jpg',
-						className: '创业基础',
-						th_name: '主讲教师： 杨哲气'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img2.jpg',
-						className: '创业融资实务',
-						th_name: '主讲教师： 郑修'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img8.jpg',
-						className: '精益创业方法论',
-						th_name: '主讲教师： 陈旭华'
-					}, {
-						url: 'http://43.139.158.220:5007/img/static/pubic/img6.jpg',
-						className: '创业经营',
-						th_name: '主讲教师： 黄伟贤'
-					},
-
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img7.jpg',
-						className: '跨境电商创业',
-						th_name: '主讲教师： 陈旭华'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img8.jpg',
-						className: '精益创业方法论',
-						th_name: '主讲教师： 陈旭华'
-					},
-
-
-				],
-				classList2: [{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img1.jpg',
-						className: '创业者管理能力训练基础',
-						th_name: '主讲教师： 李芳'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img3.jpg',
-						className: '创业基础',
-						th_name: '主讲教师： 杨哲气'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img2.jpg',
-						className: '创业融资实务',
-						th_name: '主讲教师： 郑修'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img5.jpg',
-						className: '创新思维',
-						th_name: '主讲教师： 吴伟'
-					},
-
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img7.jpg',
-						className: '跨境电商创业',
-						th_name: '主讲教师： 陈旭华'
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img4.jpg',
-						className: '打造无敌商业计划书',
-						th_name: '主讲教师： '
-					},
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img6.jpg',
-						className: '创业经营',
-						th_name: '主讲教师： 黄伟贤'
-					},
-
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img8.jpg',
-						className: '精益创业方法论',
-						th_name: '主讲教师： 陈旭华'
-					}, {
-						url: 'http://43.139.158.220:5007/img/static/pubic/img6.jpg',
-						className: '创业经营',
-						th_name: '主讲教师： 黄伟贤'
-					},
-
-					{
-						url: 'http://43.139.158.220:5007/img/static/pubic/img8.jpg',
-						className: '精益创业方法论',
-						th_name: '主讲教师： 陈旭华'
-					},
-
-
-				],
-			};
-		},
-		methods: {
-			gotoLogin() {
-
-				// uni.navigateTo({
-				// 	url: "/pages/login/login"
-				// })
-				const value = uni.getStorageSync('login');
-				if (value == 0) {
-					uni.navigateTo({
-						url: "/pages/login/login"
-					})
-				} else {
-					console.log(111);
-				}
-
-			},
-			toggleActive1() {
-				this.isActive1 = true;
-				this.isActive2 = false;
-				this.tab = true;
-			},
-			toggleActive2() {
-				this.isActive1 = false;
-				this.isActive2 = true;
-				this.tab = false;
-			},
-			swipeIndex(index) {
-				this.current = index.detail.current;
-			},
-			phoneLogin() {
-				this.current = 0
-			},
-			accountLogin() {
-				this.current = 1
-			},
-		},
-		onReady() {
-
-		},
-		onLoad() {
-			// console.log(this.screenHeight);
-			// console.log(this.navheight);
-			console.log(this.tabBarHeight);
-			if (this.navheight) {
-				this.swiper = this.screenHeight - this.navheight - 140
-			} else {
-				this.swiper = this.screenHeight - this.customBar - 150
-			}
-		}
-	};
+export default {
+  data() {
+    return {
+      navBarData: {
+        title: "资源库",
+        btn: 0,
+      },
+      current: 0, //登录方式切换
+      info1: "info1", //类名
+      info2: "info2",
+      swiper: 0,
+      searchText: "", // 搜索文本
+      classList: [
+        {
+          url: "http://43.139.158.220:5007/img/static/pubic/img5.jpg",
+          className: "创新思维",
+          th_name: "主讲教师： 吴伟",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/sc.jpg",
+          className: "商机识别与创业营销 ",
+          th_name: "主讲教师：明照凤 ",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/sg.jpg",
+          className: "双创生态圈构建 ",
+          th_name: "主讲教师： 徐文泽",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/cy.jpg",
+          className: "创业基础 ",
+          th_name: "主讲教师： 杨哲旗",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/ks.png",
+          className: "跨界产品研发实战 ",
+          th_name: "主讲教师： 王程程",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/cs.jpg",
+          className: "创造性思维与创新方法训练 ",
+          th_name: "主讲教师： 申珊珊",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/hs.jpg",
+          className: "行业创业实践 ",
+          th_name: "主讲教师： 陆亚文",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/cx.png",
+          className: "创新方法与训练 ",
+          th_name: "主讲教师： 张梦龙",
+        },
+      ],
+      classList2: [
+        {
+          url: "http://43.139.158.220:5007/img/static/img/ydjk.png",
+          className: "运动与健康",
+          th_name: "主讲教师： 代方梅 史文文",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/shyy.png",
+          className: "生活英语听说",
+          th_name: "主讲教师： 杨芳 张文霞",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/yyll.jpg",
+          className: "科研伦理与学术规范",
+          th_name: "主讲教师： 印波",
+        },
+        {
+          url: "http://43.139.158.220:5007/img/static/img/kylw.png",
+          className: "如何写好科研论文",
+          th_name: "主讲教师： 高飞飞 张靖",
+        },
+      ],
+    };
+  },
+  // 模糊搜索
+  computed: {
+    filteredClassList() {
+      const filteredList = this.classList.filter((item) =>
+        item.className.includes(this.searchText)
+      );
+      return this.searchText ? filteredList : this.classList;
+    },
+    filteredClassList2() {
+      const filterdList2 = this.classList2.filter((item) =>
+        item.className.includes(this.searchText)
+      );
+      return this.searchText ? filterdList2 : this.classList2;
+    },
+  },
+  methods: {
+    gotoLogin() {
+      // uni.navigateTo({
+      // 	url: "/pages/login/login"
+      // })
+      const value = uni.getStorageSync("login");
+      if (value == 0) {
+        uni.navigateTo({
+          url: "/pages/login/login",
+        });
+      } else if (this.current === 0) {
+        const selectedItem = this.classList[this.current];
+        const url =
+          "https://zyk.icve.com.cn/chuangxin/18a329e8-3cd6-4983-a1aa-945a28198bc3";
+        uni.navigateTo({
+          url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+        });
+      }
+    },
+    gotoWeb(index) {
+      if (this.current === 1) {
+        const urls = [
+          "https://www.xuetangx.com/course/HUBU10011000132/16906642?channel=i.area.course_list_all",
+          "https://www.xuetangx.com/course/THU05021000376?channel=i.area.course_list_all",
+          "https://www.xuetangx.com/course/BNU03031000037/16905009?channel=i.area.course_list_all",
+          "https://www.xuetangx.com/course/THU04011000365/16906220?channel=i.area.course_list_all",
+        ];
+        if (index >= 0 && index < urls.length) {
+          const url = urls[index];
+          uni.navigateTo({
+            url: "/pages/skipone/skipone?url=" + encodeURIComponent(url),
+          });
+        }
+      }
+    },
+
+    toggleActive1() {
+      this.isActive1 = true;
+      this.isActive2 = false;
+      this.tab = true;
+    },
+    toggleActive2() {
+      this.isActive1 = false;
+      this.isActive2 = true;
+      this.tab = false;
+    },
+    swipeIndex(index) {
+      this.current = index.detail.current;
+    },
+    phoneLogin() {
+      this.current = 0;
+    },
+    accountLogin() {
+      this.current = 1;
+    },
+  },
+  onReady() {},
+  onLoad() {
+    if (this.navheight) {
+      this.swiper = this.screenHeight - this.navheight - 140;
+    } else {
+      this.swiper = this.screenHeight - this.customBar - 150;
+    }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.resource {
-		.search {
-			background-color: #ffffff;
-			position: relative;
-			display: flex;
-			width: 750rpx;
-			height: 88rpx;
-			justify-content: center;
-			align-items: center;
-
-			// background-color: rebeccapurple;
-			.inpSer {
-				width: 690rpx;
-				height: 65rpx;
-				margin: auto;
-				background-color: rgba(240, 242, 245, 1);
-				border-radius: 5rpx;
-				color: rgba(0, 0, 0, 0.26);
-				position: relative;
-
-				.inpTxt {
-					// padding: 0px, 12rpx, 0px, 12rpx;
-					color: #000;
-					padding-left: 60rpx;
-					height: 100%;
-					width: 100%;
-				}
-
-				input::placeholder {
-					color: #000;
-				}
-
-				.ico {
-					position: absolute;
-					top: 50%;
-					left: 20rpx;
-					transform: translate(0, -50%);
-					display: flex;
-					align-items: center;
-
-					image {
-						margin-right: 10rpx;
-					}
-				}
-			}
-		}
-
-		.top {
-			// width: 500rpx;
-			display: flex;
-			justify-content: space-between;
-			margin: auto;
-			background-color: #ffffff;
-			padding: 10px 150rpx;
-
-			// margin-bottom: 40px;
-			// font-size: 18px;
-			// padding-top: 0;
-			.info1 {
-				font-weight: bold !important;
-				position: relative;
-				color: rgba(0, 0, 0, 0.8);
-				font-size: 34rpx;
-				line-height: 48rpx;
-				width: 136rpx;
-				height: 48rpx;
-				text-align: center;
-
-				// font-family: PingFang SC;
-				// font-family: \9ed1\4f53;
-				.yun {
-					width: 134rpx;
-					height: 32rpx;
-					position: absolute;
-					left: 0;
-					bottom: -10rpx;
-
-					// transform: translate(-50%,0%);
-					// box-shadow: 0px 10rpx 30rpx 6rpx #4a97f2;
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-			}
-
-			.info2 {
-				color: rgba(0, 0, 0, 0.6);
-				font-size: 34rpx;
-				font-weight: 400;
-				line-height: 48rpx;
-				width: 136rpx;
-				height: 48rpx;
-				text-align: center;
-				font-family: 微软雅黑;
-
-			}
-		}
-
-		.scroll-view-height {
-
-			// background-color: ;
-			// height: 68vh;
-			// background-color: red;
-			// padding-bottom: 50px;
-			.contBox {
-				width: 100%;
-				padding: 10px 30rpx;
-				// height: 100%;
-				display: flex;
-				flex-wrap: wrap;
-				justify-content: space-between;
-				// background-color: greenyellow;
-				margin-bottom: 50px;
-
-				.cont {
-					background-color: #ffffff;
-					width: 332rpx;
-					padding: 20rpx 15rpx;
-					border-radius: 10px;
-					margin-bottom: 20rpx;
-
-					image {
-						width: 300rpx;
-						height: 170rpx;
-						border-radius: 10rpx;
-					}
-
-					.tit {
-						width: 257rpx;
-						margin: 10rpx 0;
-						// height: 80rpx;
-						font-weight: bold;
-						white-space: normal;
-						display: -webkit-box;
-						word-break: break-all;
-						text-overflow: ellipsis;
-						overflow: hidden;
-						-webkit-box-orient: vertical;
-						-webkit-line-clamp: 2;
-						/*设置 需要显示的行数*/
-					}
-
-					.teacher {
-						color: #999999;
-					}
-				}
-			}
-		}
-	}
-</style>
+.btntop {
+  width: 100%;
+}
+.resource {
+  .search {
+    background-color: #ffffff;
+    position: relative;
+    display: flex;
+    width: 750rpx;
+    height: 88rpx;
+    justify-content: center;
+    align-items: center;
+
+    // background-color: rebeccapurple;
+    .inpSer {
+      width: 690rpx;
+      height: 65rpx;
+      margin: auto;
+      background-color: rgba(240, 242, 245, 1);
+      border-radius: 5rpx;
+      color: rgba(0, 0, 0, 0.26);
+      position: relative;
+
+      .inpTxt {
+        // padding: 0px, 12rpx, 0px, 12rpx;
+        color: #000;
+
+        height: 100%;
+        width: 100%;
+      }
+
+      input::placeholder {
+        color: #000;
+      }
+
+      .ico {
+        position: absolute;
+        top: 50%;
+        left: 20rpx;
+        transform: translate(0, -50%);
+        display: flex;
+        align-items: center;
+
+        image {
+          margin-right: 10rpx;
+        }
+      }
+    }
+  }
+
+  .top {
+    // width: 500rpx;
+    display: flex;
+    justify-content: space-between;
+    margin: auto;
+    background-color: #ffffff;
+    padding: 10px 150rpx;
+
+    // margin-bottom: 40px;
+    // font-size: 18px;
+    // padding-top: 0;
+    .info1 {
+      font-weight: bold !important;
+      position: relative;
+      color: rgba(0, 0, 0, 0.8);
+      font-size: 34rpx;
+      line-height: 48rpx;
+      width: 136rpx;
+      height: 48rpx;
+      text-align: center;
+
+      // font-family: PingFang SC;
+      // font-family: \9ed1\4f53;
+      .yun {
+        width: 134rpx;
+        height: 32rpx;
+        position: absolute;
+        left: 0;
+        bottom: -10rpx;
+
+        // transform: translate(-50%,0%);
+        // box-shadow: 0px 10rpx 30rpx 6rpx #4a97f2;
+        image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+
+    .info2 {
+      color: rgba(0, 0, 0, 0.6);
+      font-size: 34rpx;
+      font-weight: 400;
+      line-height: 48rpx;
+      width: 136rpx;
+      height: 48rpx;
+      text-align: center;
+      font-family: 微软雅黑;
+    }
+  }
+
+  .scroll-view-height {
+    // background-color: ;
+    // height: 68vh;
+    // background-color: red;
+    // padding-bottom: 50px;
+    .contBox {
+      width: 100%;
+      padding: 10px 30rpx;
+      // height: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      // background-color: greenyellow;
+      margin-bottom: 50px;
+
+      .cont {
+        background-color: #ffffff;
+        width: 332rpx;
+        padding: 20rpx 15rpx;
+        border-radius: 10px;
+        margin-bottom: 20rpx;
+
+        image {
+          width: 300rpx;
+          height: 170rpx;
+          border-radius: 10rpx;
+        }
+
+        .tit {
+          width: 257rpx;
+          margin: 10rpx 0;
+          // height: 80rpx;
+          font-weight: bold;
+          white-space: normal;
+          display: -webkit-box;
+          word-break: break-all;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          /*设置 需要显示的行数*/
+        }
+
+        .teacher {
+          color: #999999;
+        }
+      }
+    }
+  }
+}
+</style>

pages/skipone/skipone.vue

@@ -0,0 +1,22 @@
+<template>
+	<view class="">
+		<web-view :src="url"></web-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				url: ''
+			};
+		},
+		onLoad(options) {
+			this.url = decodeURIComponent(options.url);
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>