Browse Source

页面布局

xuqiaoying 3 years ago
parent
commit
1c28f361cc

+ 2 - 2
common/request.js

@@ -4,9 +4,9 @@ import store from '@/store/index.js'
 import api from './api.js'
 var num = 1
 //接口api   
-export const BASE_URL = 'https://api.xyyxt.net'   //release
+// export const BASE_URL = 'https://api.xyyxt.net'   //release
 // export const BASE_URL = 'https://test.xyyxt.net'   //预发布
-// export const BASE_URL = 'http://120.79.166.78:19012' // 测试环境
+export const BASE_URL = 'http://120.79.166.78:19012' // 测试环境
 // export const BASE_URL = 'http://42.192.164.187:19005'    //test(后端本地)
 // export const BASE_URL = 'http://192.168.1.222:5055'    //后端本地更新到222
 // export const BASE_URL = 'http://192.168.1.24:5055'    //后端本地

+ 58 - 4
pages4/courseTopic/goodsTopic.vue

@@ -11,12 +11,21 @@
                     <u-icon name="arrow-right" color="#3E4055" size="26"></u-icon>
                 </view>
             </view>
-            <view><image class="banner" src="../static/topic/banner.png"></image></view>
+            <view class="imgs">
+                <image class="banner" src="../static/topic/banner.png"></image>
+            </view>
         </view>
         <view class="mains">
-            
-            
-
+            <view class="titles">
+                <image class="code" src="@/static/learn/act_icon.png" ></image>
+                <text class="title">免费试听</text>
+            </view>
+            <view class="pictures">
+                <view class="pic_imgs">
+                    <image class="basic_img" src="../static/topic/basic.png" ></image>
+                </view>
+                <view class="pic_title">建筑全科 2022年二建精华班建筑知识全系列课程</view>
+            </view>
         </view>
     </view>
 </template>
@@ -87,14 +96,59 @@ page {
                 @include dis_center()
             }
         }
+        .imgs {
+            position: absolute;
+            bottom: 0rpx;
+            left: 0rpx;
+            z-index: 100;
+            margin-left: 40rpx;
+        }
         .banner {
             width: 670rpx;
             height: 250rpx;
+            border-radius: 20rpx;
         }
     }
     
     .mains {
         padding: 0rpx 40rpx 0rpx 40rpx;
+        .titles {
+            margin: 72rpx 0rpx 32rpx 10rpx;
+            .code {
+                width: 38rpx;
+                height: 24rpx;
+            }
+            .title {
+                font-size: 40rpx;
+                font-family: OPPOSans-Bold, OPPOSans;
+                font-weight: bold;
+                color: #222222;
+                margin-left: 14rpx;
+            }
+        }
+        .pictures {
+            width: 100%;
+            height: 522rpx;
+            .pic_imgs {
+                width: 100%;
+                height: 374rpx;
+                .basic_img {
+                    width: 100%;
+                    height: 374rpx;
+                }
+            }
+            .pic_title {
+                width: 100%;
+                height: 148rpx;
+                background: #FFFFFF;
+                border-radius: 0rpx 0rpx 24rpx 24rpx;
+                font-size: 32rpx;
+                font-family: OPPOSans-Bold, OPPOSans;
+                font-weight: bold;
+                color: #222222;
+                padding: 32rpx;
+            }
+        }
     }
 }
 </style>

BIN
pages4/static/topic/basic.png


+ 1 - 1
pages5/mockExam/registrationSuccess.vue

@@ -88,7 +88,7 @@
 
         <view v-if="courseList.length" class="course_list">
             <view class="titles">
-                <image class="code" src="../static/act_icon.png" ></image>
+                <image class="code" src="@/static/learn/act_icon.png" ></image>
                 <text class="title">推荐课程</text>
             </view>
             <view class="list_item" v-for="(item,index) in courseList" :key="index" @click="toBuy(item)">

BIN
static/learn/act_icon.png