shop4.3.57/components/page-component/app-member-mark/app-member-mark.vue

<template>
    <view class="member dir-left-nowrap cross-center main-center" :class="[theme.color, theme.backO]" :style="{width: width,height: height,lineHeight: height}">会员价</view>
</template>

<script>
    export default {
        name: "app-member-mark",
        props: {
            width: {
                type: String,
                default() {
                    return `68rpx`;
                }
            },
            height: {
                type: String,
                default() {
                    return `28rpx`;
                }
            },
            theme: Object
        }
    }
</script>

<style scoped lang="scss">
    .member {
        border: #{1rpx} solid;
        border-radius: #{8rpx};
        font-size: #{20rpx};
        transform: rotateZ(360deg)
    }
</style>