12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <template>
- <view class="u-cell-box">
- <view class="u-cell-title" v-if="title" :style="[titleStyle]">
- {{title}}
- </view>
- <view class="u-cell-item-box" :class="{'u-border-bottom u-border-top': border}">
- <slot />
- </view>
- </view>
- </template>
- <script>
-
- export default {
- name: "u-cell-group",
- props: {
-
- title: {
- type: String,
- default: ''
- },
-
- border: {
- type: Boolean,
- default: true
- },
-
-
- titleStyle: {
- type: Object,
- default () {
- return {};
- }
- }
- },
- data() {
- return {
- index: 0,
- }
- },
- }
- </script>
- <style lang="scss" scoped>
- @import "../../libs/css/style.components.scss";
-
- .u-cell-box {
- width: 100%;
- }
- .u-cell-title {
- padding: 30rpx 32rpx 10rpx 32rpx;
- font-size: 30rpx;
- text-align: left;
- color: $u-tips-color;
- }
- .u-cell-item-box {
- background-color: #FFFFFF;
- flex-direction: row;
- }
- </style>
|