使用navigateTo跳转页面，样式改变

<template>  
  <view style="padding: 20rpx 30rpx;">  
    <view class="container" style=" background: white; border-radius: 10rpx; height: 100%">  
      <view class="itemcontent" v-for="(item, index) in list" :key="item.id" style="height: 104rpx;"  
        @click="itemClick(item)">  
        <view style="display: flex; justify-content: space-between; align-items: center; height: 103rpx;">  
          <view class="item-left" style="display: flex; align-items: center;">  
            <image :src="item.icon" style="width: 47rpx; margin: 0 36rpx;" mode="widthFix">  
            </image>  
            <text style="font-size: 30rpx; font-weight: 400;"> {{item.name}}</text>  
          </view>  
          <image src="/static/facilitate/mfyj/arrow.png" style="width: 46rpx; height: 46rpx; margin: 0 36rpx;"></image>  
        </view>  
        <view class="line" style="height: 1px; width: calc(100% - 56rpx); margin: 0 28rpx; background-color: #E9E9E9;"  
          v-show="index != list.length - 1">  
        </view>  
      </view>  
    </view>  
  </view>  
</template>