AfterSails.vue 4.61 KB
<template>
  <!-- 售后保障 -->
  <view class="customerService">
    <view class="serviceItem">
      <view class="title">
        <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
        <text class="titleText">卖家服务</text>
      </view>
      <view class="itemContent">平台卖家服务,为您在平台获得最优的购买体验</view>
    </view>
    <view class="serviceItem">
      <view class="title">
        <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
        <text class="titleText">平台承诺</text>
      </view>
      <view class="itemContent">平台卖家服务,为您在平台获得最优的购买体验阿斯蒂芬的发射点发射点发生的房贷首付的发护法国会国家和国际会更加和</view>
    </view>
    <view class="serviceItem">
      <view class="title">
        <view style="width: 6rpx;height: 6rpx;border-radius: 3rpx;background-color: #FF6B4A;margin-right: 12rpx;"></view>
        <text class="titleText">正品保证</text>
      </view>
      <view class="itemContent">向您保证所售商品均为正品行货</view>
    </view>
    <view class="serviceItem2">
      <view class="title">
        <text class="titleText">权利申明</text>
      </view>
      <view class="itemContent">任何个人或单位如果同时符合以下两个条件:1. 权利人发现网络用户利用网络服务侵害其合法权益;2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知。</view>
    </view>
    <view class="serviceItem2">
      <view class="title">
        <text class="titleText">价格保证</text>
      </view>
      <view class="itemContent">
        <view class="itemContent-child">
          <text class="contentTitle">平台价:</text>
          <text>任何个人或单位如果同时符合以下两个条件:1. 权利人发现网络用户利用网络服务侵害其合法权益;2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
        </view>
        <view class="itemContent-child">
          <text class="contentTitle">划线价:</text>
          <text>任何个人或单位如果同时符合以下两个条件:1. 权利人发现网络用户利用网络服务侵害其合法权益;2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
        </view>
        <view class="itemContent-child">
          <text class="contentTitle">平折扣:</text>
          <text>任何个人或单位如果同时符合以下两个条件:1. 权利人发现网络用户利用网络服务侵害其合法权益;2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
        </view>
        <view class="itemContent-child">
          <text class="contentTitle">异常问题:</text>
          <text>任何个人或单位如果同时符合以下两个条件:1. 权利人发现网络用户利用网络服务侵害其合法权益;2. 百度的搜索引擎系统以自动检索方式而链接到第三方网站的内容侵犯了上述权利人的合法权益。请上述个人或单位务必以书面的通讯方式向百度提交权利通知</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.customerService {
  margin-bottom: 90rpx;
  .serviceItem {
    margin-bottom: 32rpx;
    .title {
      display: flex;
      flex-direction: row;
      align-items: center;
      .titleText {
        font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #333333;
        margin-bottom: 12rpx;
      }
    }
    .itemContent {
      font-size: 14px;
      color: #999999;
      margin-left: 18rpx;
    }
  }
  .serviceItem2 {
    margin-left: 18rpx;
    margin-bottom: 32rpx;
    .titleText {
      font-size: 14px;
      color: #ff6b4a;
    }
    .itemContent {
      font-size: 14px;
      color: #999999;
      .itemContent-child {
        margin-bottom: 40rpx;
        .contentTitle {
          border-bottom: 1px solid #ff6b4a;
        }
      }
    }
  }
}
</style>