thzxcx/uni
1
0
Fork 0
generated from thzxcx/vue3
Code Pull Requests Packages Releases Activity

refactor(样式): View Text

Browse Source
This commit is contained in:
赵劲奉
2023-07-13 12:31:46 +08:00
parent 69be9b75bd
commit f83c1b348e
10 changed files with 29 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.storybook/common.css Normal file
View File

@ -0,0 +1,7 @@
view {
display: block;
}
text {
display: inline;
}

1
.storybook/preview.ts
View File

@ -9,6 +9,7 @@
*/ */
import type { Preview } from "@storybook/vue3" import type { Preview } from "@storybook/vue3"
import 'uno.css' import 'uno.css'
import "./common.css";
const preview: Preview = { const preview: Preview = {
parameters: { parameters: {

8
dev/Text.vue
View File

@ -1,8 +0,0 @@
<template>
<span>
<slot />
</span>
</template>
<script setup lang="ts" name="Span">
</script>

17
dev/View.vue
View File

@ -1,17 +0,0 @@
<!--
* @Author: zhaojinfeng 121016171@qq.com
* @Date: 2023-07-10 17:23:35
* @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-07-10 18:34:34
* @FilePath: \uni\dev\v iew.vue
* @Description:
*
-->
<template>
<div>
<slot />
</div>
</template>
<script setup lang="ts" name="View">
</script>

20
packages/card-text/index.vue
View File

@ -2,7 +2,7 @@
* @Author: peerless_hero peerless_hero@outlook.com * @Author: peerless_hero peerless_hero@outlook.com
* @Date: 2023-07-08 01:44:46 * @Date: 2023-07-08 01:44:46
* @LastEditors: zhaojinfeng 121016171@qq.com * @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-07-10 19:07:56 * @LastEditTime: 2023-07-13 12:11:08
* @FilePath: \uni\packages\card-text\index.vue * @FilePath: \uni\packages\card-text\index.vue
* @Description: * @Description:
* *
@ -16,20 +16,20 @@
： ：
</template> </template>
</slot> </slot>
</View> </view>
<View color="#3a3a3a" flex-grow> <view color="#3a3a3a" flex-grow>
<slot name="text"> <slot name="text">
<Text> <text>
{{ text }} {{ text }}
</Text> </text>
</slot> </slot>
</View> </view>
<View> <view>
<View h-48rpx w-128rpx rounded-8rpx border-solid color="#f3a73f" border="#f6ddb8" bg="#fff6e8" border-2rpx fs-24 leh-48 text-center> <View h-48rpx w-128rpx rounded-8rpx border-solid color="#f3a73f" border="#f6ddb8" bg="#fff6e8" border-2rpx fs-24 leh-48 text-center>
试试 试试
</View> </view>
</View> </view>
</View> </view>
</template> </template>
<script lang="ts" setup name="CardText"> <script lang="ts" setup name="CardText">

2
packages/card-title/index.vue
View File

@ -10,7 +10,7 @@
<template> <template>
<View fs-30 font-500 leh-42 mx-24rpx mt-24rpx mb-12rpx color="#3A3A3A"> <View fs-30 font-500 leh-42 mx-24rpx mt-24rpx mb-12rpx color="#3A3A3A">
<slot>{{ title }}</slot> <slot>{{ title }}</slot>
</View> </view>
</template> </template>
<script lang="ts" setup name="CardTitle"> <script lang="ts" setup name="CardTitle">

8
packages/card/index.vue
View File

@ -2,16 +2,16 @@
* @Author: peerless_hero peerless_hero@outlook.com * @Author: peerless_hero peerless_hero@outlook.com
* @Date: 2023-07-08 01:36:19 * @Date: 2023-07-08 01:36:19
* @LastEditors: zhaojinfeng 121016171@qq.com * @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-07-13 10:22:18 * @LastEditTime: 2023-07-13 12:06:10
* @FilePath: \uni\packages\card\index.vue * @FilePath: \uni\packages\card\index.vue
* @Description: * @Description:
* *
--> -->
<template> <template>
<View class="th-card" bg-white rounded-16rpx m-24rpx max-w-702rpx overflow-hidden> <view class="th-card" bg-white rounded-16rpx m-24rpx max-w-702rpx overflow-hidden>
<slot /> <slot />
<View v-if="noCardActions" h-16rpx /> <view v-if="noCardActions" h-16rpx />
</View> </view>
</template> </template>
<script lang="ts" setup name="Card"> <script lang="ts" setup name="Card">

8
packages/prompt/index.vue
View File

@ -12,7 +12,7 @@
<View rounded-t-48rpx w-750rpx absolute bottom-0 bg-white z-1001> <View rounded-t-48rpx w-750rpx absolute bottom-0 bg-white z-1001>
<View mt-32rpx mb-24rpx mx-48rpx fs-30 font-400> <View mt-32rpx mb-24rpx mx-48rpx fs-30 font-400>
{{ title }} {{ title }}
</View> </view>
<View text-center mx-48rpx> <View text-center mx-48rpx>
<textarea <textarea
v-model="value" v-model="value"
@ -38,9 +38,9 @@
> >
{{ confirmText }} {{ confirmText }}
</button> </button>
</View> </view>
</View> </view>
</View> </view>
</template> </template>
<script lang="ts" setup name="Prompt"> <script lang="ts" setup name="Prompt">

4
packages/tag/index.vue
View File

@ -8,7 +8,7 @@
* *
--> -->
<template> <template>
<Text <text
class="th-tag" class="th-tag"
:class="className" :class="className"
text-center text-center
@ -23,7 +23,7 @@
rounded-16rpx rounded-16rpx
> >
&nbsp;&nbsp;&nbsp;{{ text }}&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;{{ text }}&nbsp;&nbsp;&nbsp;
</Text> </text>
</template> </template>
<script lang="ts" setup name="Tag"> <script lang="ts" setup name="Tag">

1
types/components.d.ts vendored
View File

@ -19,7 +19,6 @@ declare module 'vue' {
DefaultLayout: typeof import('./../packages/default-layout/index.vue')['default'] DefaultLayout: typeof import('./../packages/default-layout/index.vue')['default']
Header: typeof import('./../packages/header/index.vue')['default'] Header: typeof import('./../packages/header/index.vue')['default']
Image: typeof import('./../dev/Image.vue')['default'] Image: typeof import('./../dev/Image.vue')['default']
Modal: typeof import('./../packages/modal/index.vue')['default']
Prompt: typeof import('./../packages/prompt/index.vue')['default'] Prompt: typeof import('./../packages/prompt/index.vue')['default']
SearchPicker: typeof import('./../packages/search-picker/index.vue')['default'] SearchPicker: typeof import('./../packages/search-picker/index.vue')['default']
Tag: typeof import('./../packages/tag/index.vue')['default'] Tag: typeof import('./../packages/tag/index.vue')['default']