انتخاب تنوع
+
+
انتخاب تنوع
+ + {{ Number(selectedVariant.rashWeightGrams) }} گرم + +
@@ -305,7 +306,7 @@ import type { ProductSummary, ProductVariantSummary } from '../../api/client'
import { useFavoritesStore } from '../../stores/favoritesStore'
import { useCartStore, type CartItem } from '../../stores/cartStore'
import { isUserLoggedIn } from '../../utils/checkAccess'
-import loginDialogImage from '../../assets/img/empty/dialogEmpty1.svg'
+import loginDialogImage from '../../assets/img/empty/dialogLogin.svg'
// `initial`: the card's own ProductSummary when opened from a list (see
// ProductMorph.vue) — lets the page render whole on its first frame.
@@ -362,9 +363,8 @@ const isPreOrder = computed(() => productAdapter.value.isPreOrder.value)
const is_exist = computed(() => productAdapter.value.is_exist.value)
// ── Variant chips ───────────────────────────────────────────────
-// Two rows' worth is shown up front; the rest sit behind "نمایش همه" so a
-// product with 10+ weights does not push the description off the screen.
-const VARIANT_PREVIEW_COUNT = 6
+// Compact pills; extras behind a short toggle so weight lists don't dominate.
+const VARIANT_PREVIEW_COUNT = 8
const showAllVariants = ref(false)
const visibleVariants = computed(() =>
showAllVariants.value ? variants.value : variants.value.slice(0, VARIANT_PREVIEW_COUNT),
@@ -372,18 +372,15 @@ const visibleVariants = computed(() =>
const isOrderable = (v: ProductVariantSummary) => isVariantOrderable(v)
-/**
- * The chip picture: the variant's own image when the admin picked one, else the
- * product's main photo so chips never render as empty boxes. Variants sharing
- * one image (same design, several weights) intentionally show the same picture.
- */
-const variantImage = (v: ProductVariantSummary) =>
- v.image?.url ?? productDetail.productRef.value?.images?.[0]?.url ?? ''
-
const stockChipLabel = (v: ProductVariantSummary) => {
if ((v.qty ?? 0) > 0) return 'موجود'
return v.isPreOrder ? 'پیشسفارش' : 'ناموجود'
}
+/** One short glyph/word so the chip stays one line. */
+const stockChipShort = (v: ProductVariantSummary) => {
+ if ((v.qty ?? 0) > 0) return 'موجود'
+ return v.isPreOrder ? 'پیش' : '—'
+}
const stockChipClass = (v: ProductVariantSummary) => {
if ((v.qty ?? 0) > 0) return 'is-in'
return v.isPreOrder ? 'is-pre' : 'is-none'
@@ -511,14 +508,22 @@ onBeforeUnmount(() => {
diff --git a/apps/user-app/src/views/user/LoginView.vue b/apps/user-app/src/views/user/LoginView.vue
index c0a86ce..f21162e 100644
--- a/apps/user-app/src/views/user/LoginView.vue
+++ b/apps/user-app/src/views/user/LoginView.vue
@@ -22,19 +22,34 @@
-
-
+
+ 
-
+
+
@@ -85,7 +109,6 @@ import { brand } from '../../brand'
import { computed, nextTick, reactive, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { Form, FormItem, Input } from 'ant-design-vue'
-import Icon from '../../components/icon/Icon.vue'
import PageBar from '../../components/ui/PageBar.vue'
import { toast } from '../../composables/useToast'
import OtpInput from '../../components/input/OtpInput.vue'
@@ -117,6 +140,12 @@ const countDownTimer = () => {
}
}
+function backToPhone() {
+ body.step = 1
+ body.defaultFocus = false
+ timer.value = 0
+}
+
/**
* Step 1 — ask the server to send an SMS code.
*
@@ -215,56 +244,145 @@ function extractServerMessage(e: Error): string | null {
const counterZeroShow = (value: number) => (value < 10 ? '0' + value : value)
-const btnText = computed(() => (body.step === 1 ? 'دریافت رمز عبور' : 'دریافت مجدد رمز عبور'))
+const btnText = computed(() => (body.step === 1 ? 'دریافت کد ورود' : 'ارسال مجدد کد'))
@@ -333,23 +506,25 @@ const btnText = computed(() => (body.step === 1 ? 'دریافت رمز عبور'
/* OtpInput renders its inputs with this class from a prop, so the rule cannot
be scoped to this component. */
.otp-input {
- width: 48px;
- height: 52px;
+ width: 52px;
+ height: 56px;
padding: 5px;
margin: 0;
- font-size: 19px;
- font-weight: 700;
+ font-size: 20px;
+ font-weight: 800;
color: @ink;
- background: @canvas;
+ background: @canvasSoft;
border: 1px solid @hairline;
- border-radius: 13px;
+ border-radius: 16px;
text-align: center;
- transition: border-color 0.18s ease;
+ transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.otp-input:focus {
outline: none;
border-color: @primary;
+ box-shadow: 0 0 0 3px alpha(@primary, 12%);
+ background: @canvas;
}
.otp-input.error {
diff --git a/apps/user-app/src/views/user/RegisterView.vue b/apps/user-app/src/views/user/RegisterView.vue
index cfd3dd4..cea09f2 100644
--- a/apps/user-app/src/views/user/RegisterView.vue
+++ b/apps/user-app/src/views/user/RegisterView.vue
@@ -18,53 +18,91 @@
-->
ورود به {{ brand.name }}
- {{ body.step === 1 ? 'شماره موبایل خود را وارد کنید' : 'رمز یکبارمصرف را وارد کنید' }} + {{ body.step === 1 ? 'با شماره موبایل وارد شوید؛ کد یکبارمصرف پیامک میشود.' : 'کد ۴ رقمی پیامکشده را وارد کنید.' }}
+ +-
+
- + ۱ + شماره + + +
- + ۲ + کد تأیید + +
+ {{ formModel.username }}
+
+
+
- امکان دریافت مجدد رمز در {{ counterZeroShow(timer) }} ثانیه دیگر + ارسال مجدد تا {{ counterZeroShow(timer) }} ثانیه
-برای دریافت رمز عبور مجدد تلاش کنید
+میتوانید کد را دوباره دریافت کنید
- اگر ثبت نام نکردهاید - + حساب ندارید؟ +
-
-
-
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -74,8 +112,8 @@
![]()
-
ساخت حساب کاربری
-اطلاعات فروشگاه خود را وارد کنید
+
+ ساخت حساب فروشگاه
++ پس از ثبت، کارشناسان {{ brand.name }} اطلاعات را بررسی میکنند و سپس میتوانید وارد شوید. +
- اگر حساب کاربری دارید - + قبلاً ثبتنام کردهاید؟ +
- ثبت نام شما با موفقیت انجام شد. منتظر تایید اطلاعات ثبت نامی شما توسط کارشناسان بمانید.
+
+ ثبتنام شما ثبت شد. پس از تأیید کارشناسان میتوانید با همین شماره وارد شوید.
@@ -86,11 +124,11 @@