瀏覽代碼

feat: mobile style modify

jiangzixin 1 年之前
父節點
當前提交
6f06e25774

+ 1 - 1
server/web/mobile/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>加载中</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/mobile/static/index.63b34199.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/mobile/static/js/chunk-vendors.a5b9e456.js></script><script src=/mobile/static/js/index.0982abfc.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/mobile/static/index.63b34199.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/mobile/static/js/chunk-vendors.a5b9e456.js></script><script src=/mobile/static/js/index.f017ff4a.js></script></body></html>

文件差異過大導致無法顯示
+ 0 - 0
server/web/mobile/static/js/index.f017ff4a.js


文件差異過大導致無法顯示
+ 0 - 0
server/web/mobile/static/js/pages-policy-index.d439d550.js


文件差異過大導致無法顯示
+ 0 - 0
server/web/mobile/static/js/pages-policy-list.24cac1bf.js


+ 82 - 56
uniapp/pages/policy/index.vue

@@ -9,72 +9,72 @@
         <u-tabs :list="typeList" :is-scroll="false" :bold="true" active-color="#DD4250" height="80" font-size="28"
             :current="currentTab" @change="changeTab" />
         <!-- 我是人才 -->
-        <view class="p-70 p-t-40 talent-tab" v-if="currentTab == 0">
-            <view class="flex-col col-center" v-if="currentTab == 2">
+        <view class="p-70 p-t-40 talent-tab" v-if="currentTab == 2">
+            <view class="flex-col col-center">
                 <view class="title">您所从事的行业:</view>
                 <router-link :to="{ path: '/pages/policy/talent', query: { type: item.type, title: item.title }}"
                     class="m-t-40" v-for="(item,index) in talentTypeList">
                     <image :src="item.image" mode="widthFix"></image>
                 </router-link>
             </view>
-            <view class="huodong-details">
-
-                <view class="p-30 ">
-                    <!-- <view class="detail-title">
-                        {{ title }}
-                    </view> -->
-                    <view class="content-box bg-white m-t-30">
-                        <view class="detail-cell row-between u-border-bottom" v-for="(item, index) in surveyList"
-                            @tap="pickerShow(item.name)" v-if="item.type != 'array'">
-                            <view class="width75">
-                                {{item.description}}
-                            </view>
-                            <view class="text-right flex-1" v-if="item.type == 'radio' || item.type == 'select'">
-                                <text class="muted">{{item.value[survey[item.name]]}}</text>
-                                <u-icon name="arrow-right" size="28" color="#B8B8B8"
-                                    :label="survey[item.name]== 0 ? '' :'请选择'" label-pos="left"></u-icon>
-                                <u-picker v-model="show[item.name]" mode="selector" :range="item.value"
-                                    @confirm="pickerConfirm(index, $event)" @cancel="pickerCancel(index)"></u-picker>
-                            </view>
-                            <view class="text-right flex-1" v-if="item.type == 'checkbox'">
-                                <u-checkbox-group shape="circle" active-color="#DD4250" :name="item.name"
-                                    @change="groupChange(index, $event)">
-                                    <u-checkbox :name="value" v-for="(value, key) in item.value" :key="key"
-                                        v-model="item.checked[key]">
-                                        {{value}}
-                                    </u-checkbox>
-                                </u-checkbox-group>
-                            </view>
+        </view>
+        <view class="huodong-details" v-if="currentTab == 0">
 
-                            <view class="text-right flex-1" v-if="item.type == 'text'">
-                                <cus-selects :data="item.value" v-model="survey[item.name]" :clearable='true'
-                                    :filterable='true' :searchType='1' arrLeft='300' placeholder='输入搜索'></cus-selects>
-                            </view>
+            <view class="p-30 ">
+                <view class="detail-title">
+                    人才信息提交
+                </view>
+                <view class="content-box bg-white m-t-30">
+                    <view class="detail-cell row-between u-border-bottom" v-for="(item, index) in surveyList"
+                        @tap="pickerShow(item.name)" v-if="item.type != 'array'">
+                        <view class="width75">
+                            {{item.description}}
+                        </view>
+                        <view class="text-right flex-1" v-if="item.type == 'radio' || item.type == 'select'">
+                            <text class="muted">{{item.value[survey[item.name]]}}</text>
+                            <u-icon name="arrow-right" size="28" color="#B8B8B8" label-pos="left"></u-icon>
+                            <u-picker v-model="show[item.name]" mode="selector" :range="item.value"
+                                @confirm="pickerConfirm(index, $event)" @cancel="pickerCancel(index)"></u-picker>
+                        </view>
+                        <view class="text-right flex-1" v-if="item.type == 'checkbox'">
+                            <u-checkbox-group shape="circle" active-color="#DD4250" :name="item.name"
+                                @change="groupChange(index, $event)">
+                                <u-checkbox :name="value" v-for="(value, key) in item.value" :key="key"
+                                    v-model="item.checked[key]">
+                                    {{value}}
+                                </u-checkbox>
+                            </u-checkbox-group>
                         </view>
 
-
-                        <view class="detail-cell row-between u-border-bottom">
-                            <view class="bold">
-                                验证码
-                            </view>
-                            <view class="text-right flex-1 flex row-right">
-                                <input type="text" v-model="survey.code" placeholder="请输入">
-                                <image :src="captchaImg" mode="heightFix" style="height: 54rpx;" class="m-l-10"
-                                    @tap="refreshCaptcha"></image>
-                            </view>
+                        <view class="text-right flex-1" v-if="item.type == 'text'">
+                            <cus-selects :data="item.value" v-model="survey[item.name]" :clearable='true'
+                                :filterable='true' :searchType='1' arrLeft='300' placeholder='输入搜索'></cus-selects>
                         </view>
+                    </view>
 
 
+                    <view class="detail-cell row-between u-border-bottom">
+                        <view class="bold">
+                            验证码
+                        </view>
+                        <view class="text-right flex-1 flex row-right">
+                            <input type="text" v-model="survey.code" placeholder="请输入">
+                            <image :src="captchaImg" mode="heightFix" style="height: 54rpx;" class="m-l-10"
+                                @tap="refreshCaptcha"></image>
+                        </view>
                     </view>
-                </view>
 
-                <view class="footer">
-                    <button class="white btn lg" @click="handleConsult">提交</button>
+
                 </view>
+            </view>
 
+            <view class="footer">
+                <button class="white btn lg" @click="handleConsult">提交</button>
             </view>
 
         </view>
+
+
         <!-- 我是企业 -->
         <view v-if="currentTab == 1">
             <view class="huodong-details">
@@ -436,7 +436,7 @@
         onShow() {
             // this.getHomeFun();
             // this.getUser();
-             this.getSurvey();
+            this.getSurvey();
         },
         onHide() {},
         onPullDownRefresh() {
@@ -513,7 +513,7 @@
                         uni.setStorageSync('policyCengci', cengci);
                         uni.navigateTo({
                             url: '/pages/policy/list',
-                        })  
+                        })
                     }
                 } else {
                     //表单必填验证
@@ -716,18 +716,21 @@
             color: #333333;
         }
     }
+
     /deep/ .select_input {
         border: none !important;
     }
-     /deep/ .select_modal_con {
-            position: sticky;
-            // left: -100px;
-            margin-left: -200rpx;
-            width: 700rpx;
-            
+
+    /deep/ .select_modal_con {
+        position: sticky;
+        // left: -100px;
+        margin-left: -200rpx;
+        width: 700rpx;
+
         .select_modal {
-            height: 100%;
+            height: 300px;
         }
+
         .select_content_li {
             text-align: left !important;
             white-space: normal !important;
@@ -736,5 +739,28 @@
             line-height: normal !important;
             margin-bottom: 16rpx !important;
         }
+
+        ::-webkit-scrollbar {
+             display: block;
+            /*滚动条整体样式*/
+            width: 10px !important;
+            /*高宽分别对应横竖滚动条的尺寸*/
+            height: 1px !important;
+        }
+
+        ::-webkit-scrollbar-thumb {
+           
+            /*滚动条里面小方块*/
+            border-radius: 10px;
+            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+            background: #535353;
+        }
+
+        ::-webkit-scrollbar-track {
+            /*滚动条里面轨道*/
+            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            background: #EDEDED;
+        }
     }
 </style>

+ 10 - 10
uniapp/pages/policy/list.vue

@@ -17,16 +17,19 @@
                     <view class="top-line"></view>
                     <view class="list">
                         <view class="bg-white p-t-18 p-l-24 p-r-24 p-b-34">
-                            <!-- 人才层次 -->
+                            <!-- 人才层次标签 -->
                             <u-tabs :list="policyCengci" name="title" :is-scroll="true" :current="currentTab"
-                                :bold="false" active-color="#DD4250" height="80" font-size="24" @change="changeTab" />
-                            <!-- 标签 -->
-                            <view class="muted">您可能符合的认定条款:</view>
-                            <view class="m-t-10 primary bold">
-                                <rich-text :nodes="policyCengci[currentTab].content"></rich-text>
+                                :bold="true" active-color="#DD4250" height="80" bar-width="80" font-size="32"
+                                @change="changeTab" />
+                            <view class="p-15 m-t-20" style="border: 1px solid #DD4250;box-shadow: 0px 3px 6px 1px rgba(243,113,113,0.39);border-radius: 9px;
+">
+                                <view class="bold">您可能符合的认定条款:</view>
+                                <view class="m-t-10 primary bold">
+                                    <rich-text :nodes="policyCengci[currentTab].content"></rich-text>
+                                </view>
                             </view>
                             <!-- 政策列表 -->
-                            <view class="flex flex-wrap m-t-16">
+                            <view class="flex flex-wrap m-t-30">
                                 <view class="tag-item" :class="{ 'tat-active': activeIndex == index }"
                                     v-for="(item, index) in  policyList" :key="index" @tap="changeTag(index)">
                                     {{ item.title }}
@@ -81,9 +84,6 @@
         onLoad(option) {
             this.policyList = uni.getStorageSync('policyList');
             this.policyCengci = uni.getStorageSync('policyCengci');
-            console.log(this.policyList)
-            console.log(this.policyCengci)
-            console.log(this.policyCengci.length)
         },
         onShow() {
             // this.getHomeFun();

部分文件因文件數量過多而無法顯示