布局左右风格的样式框架

news/2024/7/10 3:00:42 标签: vue

在这里插入图片描述

<template>
  <div
    id="wrapper"
    class="wrapper flex-center-stretch flex-column"
    style="height: 200px; background-color: whitesmoke;margin-bottom: 20px"
  >
    <div>占比分析</div>
    <el-row style="display: flex">
      <div class="table_con" style="margin-right: 2%">
        123
      </div>
      <div class="table_con">
        abc
      </div>
    </el-row>
  </div>
</template>

<script>

export default {
  name: 'RatioAnalyse',
  components: {
  },
  data () {
    return {
    }
  },
  computed: {
  },
  watch: {
  },
  created () {
  },
  async mounted () {
  },
  methods: {
  }

}
</script>
<style scoped>
.table_con{
  width: 49%;
  background-color: #fff;
}
</style>


http://www.niftyadmin.cn/n/1769344.html

相关文章

vue动态绑定style,使用require可以解决动态绑定图片的问题

为什么使用require&#xff1f;本来我们放到css里面 background: ‘url(’ “” ‘…/…/assets/img/background_ha.png’ “” ‘)’ ’ no-repeat’,会解析成从static中取 <template><div><sectionclass"welcome-hero-hengan h-100p":style&…

mysql插入语句转oracle的坑

主要的坑&#xff1a; 1、在于date类型的处理&#xff0c;其中apply time是dateTime类型 2、在于要把\‘替换成’ mysql导出语句 INSERT INTO xpims_trd.txqa_grp_rule_item(G_CODE, ITEM_CODE, ITEM_NAME, ITEM_ORDER, ITEM_DESC, ITEM_EXPR, ITEM_EXPR_DESC, APPLY_TIME) V…

springboot 零配置xml学习

主要的脉络&#xff1a; 首先SpringBoot内嵌了一个Tomcat,web项目的入口在Tomcat&#xff0c;本身最初我们在学校学习servlet的时候&#xff0c;会配置web.xml的方式&#xff0c;那么我们要实现零配置xml势必要将web.xml的功能全部替代&#xff0c;web.xml主要功能有context-pa…

【一行记录】达梦timestamp转yyyy-mm-dd

select substr(to_timestamp(to_char(import_time,yyyy-mm-dd hh24:mi:ss),yyyy-mm-dd hh24:mi:ss),0,10) from TIMPORT_RECORD_INFO;

Java中调用C++代码

Java中调用C代码 1、Idea创建一个Solution类 public class Solution {public native void sayHello();static{System.out.println(System.getProperty("user.dir"));System.load(System.getProperty("user.dir")"\\hello.dll");}}2、右键open…

有效的单元测试读书笔记1

有效的单元测试读书笔记 基本思想 1、隔离被测代码 2、加速执行测试 3、使执行变得确定 4、模拟特殊情况 5、暴露隐藏的信息 Test Double(测试替身) 可以分为Dummary、Fake、Stub、Spy、Mock几种。 import org.junit.Test;import static org.junit.Assert.assertTrue;/*** 首…

Java将C:/video.mp4转为byte[],再将byte[]转为视频到C:/temp/1/video.mp4

原始视频C:/video.mp4 现在视频C:/temp/1/10位uuid/Tom.mp4 package org.example.newStudy;import org.example.util.UUIDUtils; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping;import javax.servlet.ht…