warewms-PDA/pages/Warehousing/selectMaterial/index.vue

<template>
  <view class="centent">
    <view class="boby_hr" v-for="(item, index) in 3" :key="index">
      <view class="vontent_boby" @click="warehous">
        <view class="uicon-volume_text">
          <text>物料名称:原料</text>
        </view>
        <view class="uicon-volume_text">
          <text>规格:FESA-02131-345K</text>
        </view>
      </view>
      <view class="vontent_boby">
        <view class="uicon-volume_text">
          <text>净重:300</text>
        </view>
        <view class="uicon-volume_text">
          <text>型号:FESA-02131-345K</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
let _this;

export default {
  data() {
    return { dynamicTitle: "出库" };
  },
  onLoad() {},
  mounted() {},
  methods: {
    warehous() {
      uni.navigateTo({
        url: "/pages/Warehousing/index",
      });
    },
  },
};
</script>
<style scoped>
/deep/.u-icon--right {
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: center;
}
</style>
<style lang="scss" scoped>
.centent {
  .boby_hr {
    border-bottom: 1px solid #b9b9b9;
    .vontent_boby {
      padding: 15px 15px 0;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      font-size: 17px;
      color: #838383;
    }
  }
}
</style>