1 Star 0 Fork 7

xcy188/畅阳教培 在线教育 在线视频教育+在线试题+在线题库+在线考试源码Java+SpringBoot+MySql+vue+uni-app

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
title_comp.vue 2.50 KB
一键复制 编辑 原始数据 按行查看 历史
啷咯哩咯啷 提交于 2022-12-07 18:41 . 提交
<template>
<view>
<view class="title-item" v-if="type === 1">
<image :src="'http://www.muyuan68.com' + '/static/learn/section1.png'" mode="aspectFit" class="title_img mars">
</image>
<text class="two-row">{{ title }}</text>
</view>
<view class="title-item" v-else-if="type === 2">
<!-- <image :src="'http://www.muyuan68.com' + '/static/learn/section2.png'" mode="aspectFit" class="title_img"> -->
<!-- </image> -->
<text class="two-row">{{ title }}</text>
</view>
<view class="title-item" v-else-if="type === 3">
<!-- <image :src="'http://www.muyuan68.com' + '/static/learn/section3.png'" mode="aspectFit" class="title_img"> -->
<!-- </image> -->
<text class="two-row">{{ title }}</text>
</view>
<view class="title-item2" v-else-if="type === 4">
<!-- <image :src="'http://www.muyuan68.com' + '/static/learn/section3.png'" mode="aspectFit" class="title_img"> -->
<!-- </image> -->
<view class="two-row2">{{ title }}</view>
</view>
<view class="title-item" v-else>
<!-- <image :src="'http://www.muyuan68.com' + '/static/learn/section4.png'" mode="aspectFit" class="title_img"> -->
<!-- </image> -->
<text class="two-row">{{ title }}</text>
</view>
</view>
</template><script>
export default {
props: ["title", "type"],
};
</script>
<style scoped lang="scss">
.mars{
margin-right: 17rpx;
}
.title-item {
position: relative;
width: 100%;
height: 48rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
// text-indent: 20rpx;
// margin-bottom: 21rpx;
.title_img {
position: absolute;
width: 146rpx;
height: 38rpx;
bottom: 0;
left: 0;
}
}
.title-item2 {
position: relative;
width: 500rpx;
// height: 48rpx;
font-size: 32rpx;
font-weight: bold;
color: #333333;
// text-indent: 20rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// margin-bottom: 21rpx;
.title_img {
position: absolute;
// width: 146rpx;
width: 500rpx;
height: 38rpx;
bottom: 0;
left: 0;
}
.two-row2 {
width: 500rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.chucuno {
position: absolute;
top: 50%;
margin-top: -150rpx;
z-index: 99999;
left: 50%;
margin-left: -325rpx;
}
.back-tankuang {
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
height: 100%;
background: rgba(51, 51, 51, 0.5);
}</style>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xcy1888/changyangEducation.git
git@gitee.com:xcy1888/changyangEducation.git
xcy1888
changyangEducation
畅阳教培 在线教育 在线视频教育+在线试题+在线题库+在线考试源码Java+SpringBoot+MySql+vue+uni-app
master

搜索帮助