Vent-App/pages/history/history.vue

<template name="history">
  <view>
    <!-- 其他页面内容 -->
    <Historymodel></Historymodel>
  </view>
</template>

<script>
import Historymodel from "../history/Historymodel.vue";
import { mapActions } from "vuex";
import api from "@/api/api";
export default {
  components: {
    Historymodel,
  },
  name: "history",
  watch: {},
  data() {
    return {
      showColum: {},
    };
  },
  methods: {
    
  },
  created() {
    
  },
  onLoad() {},
};
</script>

<style scoped>
.cu-list.grid > .cu-item {
  padding: 0px 0px;
}
.line2-icon {
  width: 60px;
  height: 60px;
}
.tab-bar {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  background-color: #eee;
}

.tab-bar view {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.tab-bar view.active {
  background-color: #007bff;
  color: #fff;
}
</style>