【uniapp】使用css画一个叉

小付学代码

已于 2022-08-17 09:29:55 修改

阅读量926

点赞数

分类专栏： uni-app 文章标签： css 前端 html

于 2022-08-04 10:50:09 首次发布

本文链接：https://blog.csdn.net/ONLYSRY/article/details/126155223

版权

uni-app 专栏收录该内容

62 篇文章 5 订阅

订阅专栏

就像这样，小程序中还是较为常用的：

<template>
	<view class="right_x"></view>
</template>


<script>

</script>

<style scoped>
	.right_x {
		display: inline-block;
		margin-top: 50rpx;

        //改叉叉大小 6：1等量放大缩小就行（算好的，省的自己调整太麻烦）
		width: 18rpx;
		height: 3rpx;

		background: #999;
		line-height: 0;
		font-size: 0;
		vertical-align: middle;
		-webkit-transform: rotate(45deg);
	}

	.right_x:after {
		content: "/";
		display: block;

        //改叉叉大小 6：1等量放大缩小就行（这里也要改）
		width: 18rpx;
		height: 3rpx;

		background: #999;
		-webkit-transform: rotate(-90deg);
	}
</style>