saas_miniprogram/pages4/courseTopic/goodsTopic.vue

<template>
    <view class="goods_topic">
        <nav-bar title="选课中心"></nav-bar>
        <view class="mains">
            <view class="selects">
                <view class="titles">
                    考前培训：建造师-二级
                </view>
                <view class="icons">
                    <u-icon name="arrow-down" color="#2979ff" size="28"></u-icon>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: 'goodsTopic',
    data() {
        return {
            
        }
    },
}
</script>

<style>
page {
    width: 100%;
    background: linear-gradient(180deg, rgba(223,236,253,0) 0%, #DFECFD 100%);
}
</style>

<style lang="scss" scoped>
.goods_topic {
    width: 100%;
    .mains {
        padding: 40rpx 40rpx 0rpx 40rpx;
    }
    .selects {
        width: 370rpx;
        height: 64rpx;
        background: rgba(255,255,255,0.6);
        border-radius: 160rpx;
    }
}
</style>