<template>
  <div :style="{ background: uo.backgroundColor }" class="uo">
    <div class="uohead">我的订单</div>
    <u-grid :col="uo.navs.length" :border="false">
      <u-grid-item
        v-for="(c, i) in uo.navs"
        :key="i"
		class="uu_grid"
        @click="clickHandler(c.url)"
      >
        <image
          :src="c.picUrl"
          mode="widthFix"
          style="width: 50rpx; height: 50rpx;"
        />
        <text class="grid-text">{{ c.text }}</text>
      </u-grid-item>
    </u-grid>
  </div>
</template>

<script>
export default {
  props: ["uo"],
};
</script>

<style>
.uo {
  border-bottom: 1rpx solid #f5f5f5;
}
.uo .uohead {
  padding: 20rpx 30rpx;
  border-bottom: 1rpx solid #f5f5f5;
  font-size: 12px;
}
.uo .grid-text {
  font-size: 24rpx;
  margin-top: 4rpx;
  color: "#330330";
}
.uu_grid view{
  background: transparent!important;
}
</style>
