generated from thzxcx/vue3
feat: 删除View和Text引用
This commit is contained in:
@ -1,12 +1,21 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zhaojinfeng 121016171@qq.com
|
||||||
|
* @Date: 2023-07-11 10:08:42
|
||||||
|
* @LastEditors: zhaojinfeng 121016171@qq.com
|
||||||
|
* @LastEditTime: 2023-07-13 16:18:04
|
||||||
|
* @FilePath: \uni\packages\alert\index.vue
|
||||||
|
* @Description:
|
||||||
|
*
|
||||||
|
-->
|
||||||
<template>
|
<template>
|
||||||
<View v-show="modelValue" h-100vh w-full w-750rpx relative bg="#818181" overflow-hidden z-1000>
|
<view v-show="modelValue" h-100vh w-full w-750rpx relative bg="#818181" overflow-hidden z-1000>
|
||||||
<View class="th-prompt" w-400rpx text-center rounded-16rpx absolute top="1/3" left="1/2" ml="-200rpx" right-0 bg-white z-1001>
|
<view class="th-prompt" w-400rpx text-center rounded-16rpx absolute top="1/3" left="1/2" ml="-200rpx" right-0 bg-white z-1001>
|
||||||
<View color="#3a3a3a" fs-32 font-400 my-48rpx>
|
<view color="#3a3a3a" fs-32 font-400 my-48rpx>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</View>
|
</view>
|
||||||
<View fs-32>
|
<view fs-32>
|
||||||
<View bg="#f2f7ff" h-1rpx mx-32rpx />
|
<view bg="#f2f7ff" h-1rpx mx-32rpx />
|
||||||
<View
|
<view
|
||||||
active="bg-#f2f7ff"
|
active="bg-#f2f7ff"
|
||||||
flex-grow
|
flex-grow
|
||||||
color="#3b82f6"
|
color="#3b82f6"
|
||||||
@ -17,10 +26,10 @@
|
|||||||
@click="confirm"
|
@click="confirm"
|
||||||
>
|
>
|
||||||
{{ confirmText }}
|
{{ confirmText }}
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup name="Alert">
|
<script lang="ts" setup name="Alert">
|
||||||
|
@ -8,8 +8,8 @@
|
|||||||
*
|
*
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<View mx-24rpx break-all mt-16rpx flex>
|
<view mx-24rpx break-all mt-16rpx flex>
|
||||||
<View color="#909399" shrink-0>
|
<view color="#909399" shrink-0>
|
||||||
<slot name="label">
|
<slot name="label">
|
||||||
{{ label }}
|
{{ label }}
|
||||||
<template v-if="label">
|
<template v-if="label">
|
||||||
@ -24,11 +24,6 @@
|
|||||||
</text>
|
</text>
|
||||||
</slot>
|
</slot>
|
||||||
</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>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -8,7 +8,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>
|
||||||
|
@ -8,19 +8,19 @@
|
|||||||
*
|
*
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<View v-show="modelValue" h-100vh w-full w-750rpx relative bg="#818181" overflow-hidden z-1000>
|
<view v-show="modelValue" h-100vh w-full w-750rpx relative bg="#818181" overflow-hidden z-1000>
|
||||||
<View class="th-prompt" w-400rpx text-center rounded-16rpx absolute top="1/3" left="1/2" ml="-200rpx" right-0 bg-white z-1001>
|
<view class="th-prompt" w-400rpx text-center rounded-16rpx absolute top="1/3" left="1/2" ml="-200rpx" right-0 bg-white z-1001>
|
||||||
<View py-32rpx>
|
<view py-32rpx>
|
||||||
<View color="#3a3a3a" fs-17 font-500>
|
<view color="#3a3a3a" fs-17 font-500>
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</View>
|
</view>
|
||||||
<View v-if="title && content" h-16rpx />
|
<view v-if="title && content" h-16rpx />
|
||||||
<View color="#6a6a6a" fs-13 font-400>
|
<view color="#6a6a6a" fs-13 font-400>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
<View flex fs-15 border-t-1rpx border-t-solid border-t="#DCDCDC">
|
<view flex fs-15 border-t-1rpx border-t-solid border-t="#DCDCDC">
|
||||||
<View
|
<view
|
||||||
v-show="showConfirm"
|
v-show="showConfirm"
|
||||||
class="rounded-lb-16rpx"
|
class="rounded-lb-16rpx"
|
||||||
active="bg-#f2f7ff"
|
active="bg-#f2f7ff"
|
||||||
@ -35,9 +35,9 @@
|
|||||||
@click="confirm"
|
@click="confirm"
|
||||||
>
|
>
|
||||||
{{ confirmText }}
|
{{ confirmText }}
|
||||||
</View>
|
</view>
|
||||||
<View v-show="showConfirm && showCancel" w-1rpx bg="#dcdcdc" />
|
<view v-show="showConfirm && showCancel" w-1rpx bg="#dcdcdc" />
|
||||||
<View
|
<view
|
||||||
v-show="showCancel"
|
v-show="showCancel"
|
||||||
class="rounded-rb-16rpx"
|
class="rounded-rb-16rpx"
|
||||||
active="bg-#f2f7ff"
|
active="bg-#f2f7ff"
|
||||||
@ -52,10 +52,10 @@
|
|||||||
@click="cancel"
|
@click="cancel"
|
||||||
>
|
>
|
||||||
{{ cancelText }}
|
{{ cancelText }}
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</View>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup name="Confirm">
|
<script lang="ts" setup name="Confirm">
|
||||||
|
@ -8,12 +8,12 @@
|
|||||||
*
|
*
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<View v-show="show" h-100vh w-750rpx relative bg="#818181" overflow-hidden z-1000 @click="cancel">
|
<view v-show="show" h-100vh w-750rpx relative bg="#818181" overflow-hidden z-1000 @click="cancel">
|
||||||
<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"
|
||||||
w-654rpx
|
w-654rpx
|
||||||
|
2
types/components.d.ts
vendored
2
types/components.d.ts
vendored
@ -22,7 +22,6 @@ declare module 'vue' {
|
|||||||
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']
|
||||||
Text: typeof import('./../dev/Text.vue')['default']
|
|
||||||
UniBadge: typeof import('@uni-helper/uni-ui-types')['UniBadge']
|
UniBadge: typeof import('@uni-helper/uni-ui-types')['UniBadge']
|
||||||
UniBreadcrumb: typeof import('@uni-helper/uni-ui-types')['UniBreadcrumb']
|
UniBreadcrumb: typeof import('@uni-helper/uni-ui-types')['UniBreadcrumb']
|
||||||
UniBreadcrumbItem: typeof import('@uni-helper/uni-ui-types')['UniBreadcrumbItem']
|
UniBreadcrumbItem: typeof import('@uni-helper/uni-ui-types')['UniBreadcrumbItem']
|
||||||
@ -82,6 +81,5 @@ declare module 'vue' {
|
|||||||
UniTooltip: typeof import('@uni-helper/uni-ui-types')['UniTooltip']
|
UniTooltip: typeof import('@uni-helper/uni-ui-types')['UniTooltip']
|
||||||
UniTr: typeof import('@uni-helper/uni-ui-types')['UniTr']
|
UniTr: typeof import('@uni-helper/uni-ui-types')['UniTr']
|
||||||
UniTransition: typeof import('@uni-helper/uni-ui-types')['UniTransition']
|
UniTransition: typeof import('@uni-helper/uni-ui-types')['UniTransition']
|
||||||
View: typeof import('./../dev/View.vue')['default']
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user