见效果:
![](https://img-blog.csdnimg.cn/15b12c87b9084979b35f2c534aabd378.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQW5hc3Rhc2lhLi4=,size_20,color_FFFFFF,t_70,g_se,x_16)
index.wxml
<swiper indicator-dots="{
{indicatorDots}}" autoplay="{
{autoplay}}">
<!-- 第一个页面 -->
<swiper-item>
<image src="../../image/mn.jpg" class='background' mode="aspectFill"></image>
<view class="myMsg">
<view class="name">
<text>*</text>
<text>*</text>
</view>
<view class="myText">
我的简历
<van-icon name="arrow" />
</view>
</view>
<view class="myJob">
<view>前端程序员</view>
<text class="jobYear">2年项目经验</text>
<van-toast id="van-toast" />
</view>
<!-- 第二个页面 -->
</swiper-item>
<swiper-item>
<van-divider contentPosition="left" customStyle="font-size: 30px;color:#8eaadb;border-color:#8eaadb;margin-bottom:20px;">基本资料</van-divider>
<view class="myData">
<view>姓名:**</view>
<view>年龄:23</view>
</view>
<view class="myData">
<view>电话:187****5502</view>
<view>性别:女</view>
</view>
<view class="myData">邮箱:187****5502@163.com</view>
<view class="myData marginBottom">地址:北京市朝阳区**(6号线)</view>
<van-divider contentPosition="left" customStyle="font-size: 30px;color:#8eaadb;border-color:#8eaadb;">主要技能</van-divider>
<view class="mainSkill">
<view class="skillItems">
HTML+CSS+JavaScript
</view>
<v