路泰科技体检小程序UI设计新版本
wwl
2025-07-30 4e671437d52dd87946c0e38d334fce7a7c17d8e2
1
<view class="box _div"><view class="tab _div"><view class="tab_report _div"><view class="tab_txt _div"><label class="tab_txt1 _span">我的报告</label><label data-event-opts="{{[['tap',[['report',['$event']]]]]}}" class="tab_txt2 _span" bindtap="__e">去查看<uni-icons vue-id="8dd740cc-1" type="forward" color="#fff" data-event-opts="{{[['^click',[['report']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></label></view><image class="tab_img" src="../../static/baogao.png" mode></image></view><view class="tab_report _div"><view class="tab_txt _div"><label class="tab_txt1 _span">个性化体检预约</label><label class="tab_txt2 _span">去预约<uni-icons vue-id="8dd740cc-2" type="forward" color="#fff" bind:__l="__l"></uni-icons></label></view><image class="tab_img" src="../../static/yuyue.png" mode></image></view><view class="tab_report _div"><view class="tab_txt _div"><label class="tab_txt1 _span">个检预约</label><label data-event-opts="{{[['tap',[['go',['$event']]]]]}}" class="tab_txt2 _span" bindtap="__e">去预约<uni-icons vue-id="8dd740cc-3" type="forward" color="#fff" data-event-opts="{{[['^click',[['go']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></label></view><image class="tab_img" src="../../static/yuyue.png" mode></image></view><view class="tab_report _div"><view class="tab_txt _div"><label class="tab_txt1 _span">团检预约</label><label class="tab_txt2 _span">去预约<uni-icons vue-id="8dd740cc-4" type="forward" color="#fff" bind:__l="__l"></uni-icons></label></view><image class="tab_img" src="../../static/tuanti.png" mode></image></view></view><view class="middle _div"><image class="middle_img" src="../../static/jiangpai.png" mode></image><label class="middle_txt _span">特色功能</label></view><view class="bottom _div"><uni-collapse vue-id="8dd740cc-5" bind:__l="__l" vue-slots="{{['default']}}"><uni-collapse-item vue-id="{{('8dd740cc-6')+','+('8dd740cc-5')}}" title="项目介绍" thumb="/static/xiangmujieshao.png" bind:__l="__l" vue-slots="{{['default']}}"><view class="content _div"><text class="text">折叠内容主体,可自定义内容及样式</text></view></uni-collapse-item><uni-collapse-item vue-id="{{('8dd740cc-7')+','+('8dd740cc-5')}}" title="智能导检" thumb="/static/daohang.png" bind:__l="__l" vue-slots="{{['default']}}"><view class="content _div"><text class="text">折叠内容主体,可自定义内容及样式</text></view></uni-collapse-item><uni-collapse-item vue-id="{{('8dd740cc-8')+','+('8dd740cc-5')}}" title="微官网" thumb="/static/guanwang.png" bind:__l="__l" vue-slots="{{['default']}}"><view class="content _div"><text class="text">折叠内容主体,可自定义内容及样式</text></view></uni-collapse-item><uni-collapse-item vue-id="{{('8dd740cc-9')+','+('8dd740cc-5')}}" title="亲友报告" thumb="/static/xiangmujieshao.png" bind:__l="__l" vue-slots="{{['default']}}"><view class="content _div"><text class="text">折叠内容主体,可自定义内容及样式</text></view></uni-collapse-item><uni-collapse-item vue-id="{{('8dd740cc-10')+','+('8dd740cc-5')}}" title="我的" thumb="/static/wode.png" bind:__l="__l" vue-slots="{{['default']}}"><view class="content _div"><text class="text">折叠内容主体,可自定义内容及样式</text></view></uni-collapse-item></uni-collapse></view></view>