|
|
@@ -80,17 +80,39 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="function-sections">
|
|
|
+ <!-- 视频学习 -->
|
|
|
+ <view class="function-section">
|
|
|
+ <view class="section-title">
|
|
|
+ <text class="emoji-icon">🎓</text>
|
|
|
+ <text>学习中心</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-grid three-cols">
|
|
|
+ <view class="function-item" @click="getDnVideo()">
|
|
|
+ <view class="function-icon city">
|
|
|
+ <text class="emoji-icon">▶️</text>
|
|
|
+ </view>
|
|
|
+ <text class="function-name">斗南批发教程</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-item" @click="getCityVideo()">
|
|
|
+ <view class="function-icon market">
|
|
|
+ <text class="emoji-icon">▶️</text>
|
|
|
+ </view>
|
|
|
+ <text class="function-name">城市批发教程</text>
|
|
|
+ </view>
|
|
|
+ <view class="function-item" @click="getHdVideo()">
|
|
|
+ <view class="function-icon retail">
|
|
|
+ <text class="emoji-icon">▶️</text>
|
|
|
+ </view>
|
|
|
+ <text class="function-name">零售店教程</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="module-com content_box user-open_bx">
|
|
|
<view class="input-line-wrap">
|
|
|
|
|
|
- <tui-list-cell @click="getCityVideo()" class="line-cell" :hover="false" :arrow="true">
|
|
|
- <view class="tui-title" style="color:green;">城市版视频</view>
|
|
|
- </tui-list-cell>
|
|
|
-
|
|
|
- <tui-list-cell @click="getDnVideo()" class="line-cell" :hover="false" :arrow="true">
|
|
|
- <view class="tui-title" style="color:green;">斗南版视频</view>
|
|
|
- </tui-list-cell>
|
|
|
-
|
|
|
<tui-list-cell @click="pageTo({ url: '/admin/shop/showShop' })" class="line-cell" :hover="false" :arrow="true" v-if="getLoginInfo.lookAllShop && getLoginInfo.lookAllShop == 1" >
|
|
|
<view class="tui-title">营业商家</view>
|
|
|
</tui-list-cell>
|
|
|
@@ -345,6 +367,9 @@ export default {
|
|
|
goRenew(){
|
|
|
this.$util.pageTo({ url: '/admin/shop/renew'})
|
|
|
},
|
|
|
+ getHdVideo(){
|
|
|
+ this.$msg('即将上线')
|
|
|
+ },
|
|
|
getCityVideo(){
|
|
|
const that = this;
|
|
|
that.$util.pageTo({ url: '/admin/book/index' })
|
|
|
@@ -353,6 +378,11 @@ export default {
|
|
|
const that = this;
|
|
|
that.$util.pageTo({ url: '/admin/book/jdIndex' })
|
|
|
},
|
|
|
+ getRetailVideo(){
|
|
|
+ const that = this;
|
|
|
+ // 这里可以添加零售版视频的跳转逻辑
|
|
|
+ that.$util.pageTo({ url: '/admin/book/retailIndex' })
|
|
|
+ },
|
|
|
goAdmin(){
|
|
|
this.$util.pageTo({ url: '/admin/staff/admin'})
|
|
|
},
|
|
|
@@ -868,5 +898,131 @@ export default {
|
|
|
background: #3385FF;
|
|
|
color: white;
|
|
|
}
|
|
|
+
|
|
|
+ /* 功能区块样式 */
|
|
|
+ .function-sections {
|
|
|
+ margin-top: 15upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-section {
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 12upx;
|
|
|
+ padding: 20upx;
|
|
|
+ margin-bottom: 15upx;
|
|
|
+ box-shadow: 0 1upx 8upx rgba(0, 0, 0, 0.06);
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-title {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 15upx;
|
|
|
+ padding-bottom: 10upx;
|
|
|
+ border-bottom: 1upx solid #f5f5f5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-title .emoji-icon {
|
|
|
+ font-size: 28upx;
|
|
|
+ margin-right: 10upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-title text:last-child {
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-grid {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 12upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-grid.three-cols .function-item {
|
|
|
+ width: calc(33.33% - 8upx);
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-item {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15upx 8upx;
|
|
|
+ border-radius: 8upx;
|
|
|
+ background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
|
|
|
+ border: 1upx solid #f0f2f7;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon {
|
|
|
+ width: 50upx;
|
|
|
+ height: 50upx;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 8upx;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon.city {
|
|
|
+ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
|
|
+ box-shadow: 0 2upx 8upx rgba(79, 172, 254, 0.25);
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon.market {
|
|
|
+ background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
|
|
|
+ box-shadow: 0 2upx 8upx rgba(67, 233, 123, 0.25);
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon.retail {
|
|
|
+ background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
|
|
|
+ box-shadow: 0 2upx 8upx rgba(250, 112, 154, 0.25);
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon .emoji-icon {
|
|
|
+ font-size: 20upx;
|
|
|
+ filter: drop-shadow(0 1upx 2upx rgba(255, 255, 255, 0.3));
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-name {
|
|
|
+ font-size: 22upx;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: 500;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 1.2;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 响应式优化 */
|
|
|
+ @media (max-width: 600upx) {
|
|
|
+ .function-grid.three-cols .function-item {
|
|
|
+ width: calc(50% - 6upx);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 400upx) {
|
|
|
+ .function-grid.three-cols .function-item {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-item {
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ padding: 12upx 15upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-icon {
|
|
|
+ width: 40upx;
|
|
|
+ height: 40upx;
|
|
|
+ margin-bottom: 0;
|
|
|
+ margin-right: 15upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .function-name {
|
|
|
+ font-size: 24upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
