1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <template>
- <div id="yizhan">
- <el-row>
- <el-col :span="24" class="yizhanshi">
- <div class="w_1200">
- <el-col :span="24" class="top">
- <el-image :src="yizhanshi"></el-image>
- </el-col>
- <el-col :span="24">
- <el-col :span="6" class="login">
- <el-link :underline="false">
- <el-image :src="xuesheng"></el-image>
- </el-link>
- </el-col>
- <el-col :span="6" class="login">
- <el-link :underline="false">
- <el-image :src="company"></el-image>
- </el-link>
- </el-col>
- <el-col :span="6" class="login">
- <el-link :underline="false">
- <el-image :src="xueshengzhidao"></el-image>
- </el-link>
- </el-col>
- <el-col :span="6" class="login">
- <el-link :underline="false">
- <el-image :src="yongren"></el-image>
- </el-link>
- </el-col>
- </el-col>
- </div>
- </el-col>
- </el-row>
- </div>
- </template>
- <script>
- export default {
- name: 'yizhan',
- props: {},
- components: {},
- data: () => ({
- yizhanshi: require('../../../assets/yizhan.png'),
- xuesheng: require('../../../assets/studentlogin.png'),
- company: require('../../../assets/companylogin.png'),
- xueshengzhidao: require('../../../assets/zhidao.png'),
- yongren: require('../../../assets/yongren.png'),
- }),
- created() { },
- computed: {},
- methods: {},
- };
- </script>
- <style lang="less" scoped>
- .w_1200 {
- width: 1200px;
- margin: 0 auto;
- }
- .yizhanshi {
- height: 274px;
- background: #4193c5;
- }
- .top {
- margin: 30px 0;
- }
- .login {
- text-align: center;
- }
- .login .el-image {
- border-radius: 35px;
- }
- </style>
|