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 'uno.css'
import "./common.css";
const preview: Preview = {
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
* @Date: 2023-07-08 01:44:46
* @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
* @Description:
*
@ -16,20 +16,20 @@
：
</template>
</slot>
</View>
<View color="#3a3a3a" flex-grow>
</view>
<view color="#3a3a3a" flex-grow>
<slot name="text">
<Text>
<text>
{{ text }}
</Text>
</text>
</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>
</View>
</View>
</view>
</view>
</view>
</template>
<script lang="ts" setup name="CardText">

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

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

8
packages/card/index.vue
View File

@ -2,16 +2,16 @@
* @Author: peerless_hero peerless_hero@outlook.com
* @Date: 2023-07-08 01:36:19
* @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
* @Description:
*
-->
<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 />
<View v-if="noCardActions" h-16rpx />
</View>
<view v-if="noCardActions" h-16rpx />
</view>
</template>
<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 mt-32rpx mb-24rpx mx-48rpx fs-30 font-400>
{{ title }}
</View>
</view>
<View text-center mx-48rpx>
<textarea
v-model="value"
@ -38,9 +38,9 @@
>
{{ confirmText }}
</button>
</View>
</View>
</View>
</view>
</view>
</view>
</template>
<script lang="ts" setup name="Prompt">

4
packages/tag/index.vue
View File

@ -8,7 +8,7 @@
*
-->
<template>
<Text
<text
class="th-tag"
:class="className"
text-center
@ -23,7 +23,7 @@
rounded-16rpx
>
&nbsp;&nbsp;&nbsp;{{ text }}&nbsp;&nbsp;&nbsp;
</Text>
</text>
</template>
<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']
Header: typeof import('./../packages/header/index.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']
SearchPicker: typeof import('./../packages/search-picker/index.vue')['default']
Tag: typeof import('./../packages/tag/index.vue')['default']