1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- <template>
- <div class="page_marketingTools">
- <div class="marketingToolsTitle">
- <i class="iconfont icon-zuojiantou jiantou"></i>
- <span class="titleName">营销工具</span>
- </div>
- <div class="allTitle">
- <van-cell center title="全部权限">
- <van-switch v-model="checked" slot="right-icon" size="24" />
- </van-cell>
- </div>
- <div class="allTitle1">
- <van-cell center title="功能权限配置"></van-cell>
- </div>
- <div class="allBox">
- <van-cell center title="发布活动">
- <van-switch v-model="checked" slot="right-icon" size="24" />
- </van-cell>
- <van-cell center title="活动列表">
- <van-switch v-model="checked" slot="right-icon" size="24" />
- </van-cell>
- </div>
- </div>
- </template>
-
- <style lang="scss" scoped>
- .page_marketingTools {
- height: 100%;
- overflow-y: auto;
- background: #fafafa;
- .marketingToolsTitle {
- background: #fff;
- padding: 0 1.125rem;
- height: 3.125rem;
- display: flex;
- align-items: center;
- }
- .jiantou {
- font-size: 1.5rem;
- font-weight: 600;
- margin-right: 7rem;
- }
- .titleName {
- font-size: 1.125rem;
- font-weight: 600;
- }
- .allTitle {
- margin: 1rem 0;
- .van-cell__title {
- font-weight: bold;
- font-size: 1rem;
- color: #313234;
- }
- }
- .allTitle1 {
- .van-cell__title {
- font-weight: bold;
- font-size: 1rem;
- color: #313234;
- }
- }
- .allBox {
- margin-bottom: 1rem;
- .van-cell__title {
- font-size: 1rem;
- color: #313234;
- }
- }
- }
- </style>
|