Календарь тёти

Введение

Запись о тёте, предсказание менструального цикла и периода овуляции.

Структура:

Три tabbar, record, diary, my, которые являются первой, второй и третьей страницами соответственно.

• record показывает, когда наступит следующая менструация, а если она уже наступила, то сколько дней прошло;

1. Вставить дату с помощью встроенного плагина picker от WeChat, использовать средство выбора даты и вставить дату в массив «dateList», который будет использоваться позже, поэтому используйте wx.setStorageSync для хранения копии в storage.

2. Используйте wx:if для реализации различного отображения страницы. Если «dateList» имеет нечётное количество элементов, это означает, что сейчас период менструации тёти, и на странице отображается, сколько дней прошло. Если это чётное число, это означает, что последняя менструация тёти закончилась, и отображается дата следующей менструации.

• my представляет записи менструальных циклов за разные годы. Мой подход заключается в создании структуры данных следующим образом:

  [ { year: 2020, record: [ {start: 2020-03-02, end: 2020-03-07}, {start: 2020-02-02, end: 2020-02-07} ] },

    {
        year: 2019,
        record: [
            {start: 2019-03-02, end: 2019-03-07},
            {start: 2019-02-02, end: 2019-02-07}
        ]
    }

  ]

Таким образом, при добавлении можно определить год и добавить его в соответствующий год.

Также была добавлена страница record_edit для удаления ошибочных записей. На странице my нажмите на данные, передайте начальную и конечную даты в качестве параметров на страницу record_edit, найдите позицию в массиве и удалите или измените (изменение пока не реализовано).

• diary использует форму календаря для представления прошлых менструальных периодов, прогнозируемого периода овуляции и прогнозируемых сроков менструального периода;

1. Различные периоды представлены разными цветами.
2. Я выбрал готовый календарь из интернета, изменил стиль и использовал три массива для представления трёх периодов. В папке Util я создал функцию для обработки различных дат. Одна из функций получает каждый день между начальной и конечной датами.
3. Затем добавьте данные трёх массивов в функцию dateInit. Например, isInOvulationPeriodList: ovulationPeriodList.indexOf(date) === -1, чтобы получить логическое значение.